これが私のセットアップのjsfiddleです。
親アコーディオンにインジケーターの矢印があり、アコーディオンの表示と非表示を切り替える関数があることに気付くでしょう。問題は、内側の折りたたみ領域 (製品の詳細を非表示にするために使用) が、親の矢印を切り替える関数をトリガーすることです。.show() イベントは、実際に子が折りたたまれているときに、親の折りたたみ要素で発生する必要があるようです。
子の折りたたみが親の矢印を切り替えないようにするにはどうすればよいですか?
これが私の関数のコードです。
$('.collapse').on('show', function(){
$(this).parent().find(".icon-chevron-right").removeClass("icon-chevron-right").addClass("icon-chevron-down");}).on('hide', function(){
$(this).parent().find(".icon-chevron-down").removeClass("icon-chevron-down").addClass("icon-chevron-right");});