jQuery手風琴箭頭切換

Question

我有一個手風琴切換開關，效果很好-但我注意到當選擇了“活動鏈接”以外的鏈接時，箭頭沒有切換。 有人對此有任何建議嗎？

$(document).ready(function(){

  $('.q').on(action, function(){
    $(this).next().slideToggle(speed)
    .siblings('.a').slideUp();
    var i = $(this).children('.q i');
    i.toggleClass("fa-chevron-up fa-chevron-down");

  });

});



.faq {
    margin-bottom:1em;
}
.faq h4.q,
.faq div {
    margin:0;
    padding: 1.25em;
    position:relative;
    }
.faq h4.q {
    border-bottom: 1px #cdd4d9 solid;
    color: #eb9532;
    cursor: pointer;
    padding-right:3.1em;
}
.faq div.a {
    border-bottom: 1px #cdd4d9 solid;
    display: none;
    padding-bottom:0;
}
.faq h4.q i {
    color: #bdc4c9;
    position:absolute;
    right:1.25em;
    top:1.25em;
}


<div class="faq"> 

<h4 class="q">Question 1<i class="fa fa-chevron-down"></i></h4>
<div class="a">
<p>Answer 1</p>
</div>
<h4 class="q">Question 2<i class="fa fa-chevron-down"></i></h4>
<div class="a">
<p>Answer 2</p>
</div>
<h4 class="q">Question 3<i class="fa fa-chevron-down"></i></h4>
<div class="a">
<p>Answer 3</p>
</div>
</div>

Answer 1

您應該.q .children('.q i')刪除.q ：

var i = $(this).children('i');

因為$(this)是.q元素本身。