2017-03-29 8 views
0

私はできるだけシンプルにするためにコードを作成しました。矢印でツリーを開き、そのカテゴリを選択する単語をクリックします。 http://codepen.io/johnsonjpj/pen/JWebwx?editors=0010Accordionカテゴリ選択の矢印を切り替える

ネストされたカテゴリをクリックすると、親の矢印が下向きの矢印の代わりに右の矢印に反転しているという問題があります。

私は、この作品のために働いているコードの主なビットはここにある:事前に

var thisParents = $(this).parents('.list-group').not('.list-group-root'); 
$(".list-group").not(thisParents).collapse('hide'); 
$(".list-group").not(thisParents).find('.fa-chevron-down').addClass('fa-chevron-right').removeClass('fa-chevron-down'); 

ありがとう!

+0

投稿したコードの部分を削除するだけで問題はありませんか? –

+0

@ZakariaAcharkiが矢印で開き、次に選択する単語をクリックすると、私はあなたが何を言っているのかを見てもらえると思います。 –

+0

http://codepen.io/acharki-zakaria/pen/oZQBXv?editors=0010を開いて、私が何を話しているのか見てみましょう。 –

答えて

0

私は自分の問題を解決する方法を考え出しました。

var thisParents = $(this).parents('.list-group').not('.list-group-root'); 
$(".list-group").not(thisParents).collapse('hide'); 

var parentIcons = $(thisParents).prev('.list-group-item').find('.fa'); 
$(".list-group").find('.fa-chevron-down').not(parentIcons).addClass('fa-chevron-right').removeClass('fa-chevron-down'); 
関連する問題