為什么我的自舉式手風琴圖標在展開/折疊時沒有變化？

Question

我有一個自舉式手風琴，我希望圖標在展開或折疊時可以更改。

我的JS代碼是這樣的：

<script>
$('.collapse').on('show', function(){
    $(this).parent().find(".icon myicons-down").removeClass("myicons-down").addClass("myicons-up");
}).on('hide', function(){
    $(this).parent().find(".icon myicons-up").removeClass("myicons-up").addClass("myicons-down");
});
</script>

和HTML一樣：

<span class="icon myicons-down"></span><a data-toggle="collapse" data-target="#132" class="accordion-toggle">#132</a>

請注意，我在同一頁面上有多個展開/折疊。 但是無論我做什么，都不會更改圖標...

Answer 1

你忘了加點。 在myicons-down類名之前

$(this).parent().find(".icon .myicons-down").removeClass("myicons-down").addClass("myicons-up");

Answer 2

這行：

$(this).parent().find(".icon myicons-down").removeClass("myicons-down").addClass("myicons-up");

要尋找一class的.myicons-down （它沒有一個.所以現在它不是尋找什么）的內部.icon但它看起來像你的HTML設置應該試圖找到.icon一類的.myicons-down 。 更改為：

$(this).parent().find(".icon.myicons-down").removeClass("myicons-down").addClass("myicons-up");

還有$(this)指的是什么？ HTML中的.collapse在哪里？