Question

我设计了一种手风琴。当我点击某个项目的右箭头时，请说出Area A，它会切换为Area A中的项目列表，同时箭头向右下方（如下所示： ▼）。当我再次单击它时，列表隐藏，箭头再次向右箭头。请注意，在Area A中，我将有一个子列表。有人可以帮助我实现这个目标吗？

►A区

►区域B

►C区

如果我点击A区 - >

▼区域A. - 第1项 - 第2项 ►区域B. ►区域C

  <ul style="list-style: none;">
    <div ng-repeat="area in areas">     
      <div class="arrow-up" style="float:left;"> &#9658; </div>                                     
          <li> {{area}} </li>
    <div ng-repeat="x in lists">
      <li style="display: none;"> {{x}} </li>               
    </div>
       <div style="display: none;" class="arrow-down">&#9660;</div>
    </div>  
</ul>

myjs

$(#arrow-up').click(function(){
     $(this).toggleClass("arrow-down");
});

Answer 1

你是对的：

 if (input.nextInt() == -99) {
            break;
        }

你错过了CSS？

这样做：

$('.arrow-right').click(function(){    // But isn't it an arrow right??
                                       // And should be a class.
  $(this).toggleClass("arrow-down");
});

在jquery [手风琴式]中将右箭头切换到向下箭头

1 个答案: