在jquery中切換右箭頭向下箭頭[accordion-like]

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

你是對這個問題：

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

你只是錯過了CSS？

這樣做：

.arrow-down{ 
    transform: rotate(90deg); /* 90 degres rotation */ 
}