JS写手风琴效果

手风琴

• 什么是手风琴先来看一下手风琴效果，下面看到的就是手风琴效果点击一下就可以让下边栏自动弹出，再点击一下收回
  

逻辑

— 怎么让他点击 一下弹出再点击一下收回这里主要是通过for循环和if判断收回和点击

• js代码

 <script>
var  one = document.getElementsByClassName("one")
var  two = document.getElementsByClassName("two");
for(var i=0 ; i<one.length;i++){
   
    (function(myi){
   
        one[myi].oncilcik=function(){
   
            for(var k=0;k<two.length;k++){
   
                if(myi == k){
   
                    continue
                }
                two[k].style.height="0px";
            }
            var num = window.getComputedStyle(two[myi]).height;
            if(num == "0px"){
   
                two[myi].style.height="60px"
            }else{
   
                two[myi].style.height="0px"
            }
        }
    })(