2016-08-18 5 views
0
ここ

上の$(この)上のトグルクラスと削除クラスは、私のjQueryのは、私が使用していることをスニペットれますここでjQueryの他のすべて

は、私は私が行うことができるように必要なものについて
https://jsfiddle.net/ke1hwn7f/9/

を話して何を示すフィドルで前後にクラスをトグルです。それはまっすぐな前進です。しかし、クラスに要素がすでに存在する場合、要素を削除する必要があるように設定する必要もあります。

だから、あなたは "This is heading 4"をクリックすると "colorChange"クラスをトグルすることがわかります。しかし、「これは見出し2です。」をクリックします。その1つの緑色をトグルするだけでなく、クリックした要素を切り替える前に「これは見出し4」(またはそれが存在する可能性がある場所)からクラスを削除してください。

これを行う方法はありますか?そこ

答えて

1

あなたが行く:それはクラスを持っている場合

$('.panel-title').click(function(){ 
    // If the clicked element has the rotate class, remove the rotate class from EVERY .panel-title>.state element 
    if ($(this).find('.state').hasClass('rotate')){ 
    $('.panel-title').find('.state').removeClass('rotate'); 
    } 
    // Else, the element doesn't have the rotate class, so we remove it from every element before applying it to the element that was clicked 
    else { 
    $('.panel-title').find('.state').removeClass('rotate'); 
    $(this).find('.state').addClass('rotate'); 
    } 
}); 

を、それ以外の、すべてのタイトルにそれを削除し、すべてにそれを削除していますが後にクリック1に追加します。

+0

これはそれを釘付け!そして、あなたは私のフィドルを編集する前にそれに答えました。質問が変わったと不満を述べる他の人々のために、私は新しい投稿を作成する必要がありました。助けてくれてありがとう!! – agon024

+0

幸せそれを助けた:-)、私は将来の参照のためにいくつかのコメントを追加するためにそれを編集します –

+0

と質問は変更されていない、あなたは必要なすべての情報を与えた、あなたはフィドルが参照された、それは問題でした;-) –

関連する問題