ブートストラップglyphicon onclick関数を変更する

Question

ユーザーがリンクをクリックすると、.glyphicon-menu-downをglyphicon-menu-upにスワップしようとしています。私は間違って何をしていますか？動いていない。私はjqueryを使用していませんか？あなたのケース$(this)に

マークアップ

<a data-toggle="collapse" data-parent="#accordion" href="#collapse1"> 
       Admin 
       <span class="panelarrow glyphicon glyphicon-menu-down pull-right"></span></a> 

スクリプト

$(document).ready(function(){ 
$('.panelarrow').click(function(){ 
    $(this).find('span').toggleClass('glyphicon-menu-down').toggleClass('glyphicon-menu-up'); 
}); 
    }); 

Answer 1

.panelarrowを指し、あなたはその.panelarrow内findspan要素しようとしています。

ソリューション：

$(document).ready(function() { 
    $('.panelarrow').click(function(){ 
    $(this).toggleClass('glyphicon-menu-down').toggleClass('glyphicon-menu-up'); 
    }); 
}); 

それとも、これを使用a要素をクリックしてアイコンを変更したい場合：

$(document).ready(function() { 
    $('[data-toggle="collapse"]').click(function(){ 
    $(this).find('span').toggleClass('glyphicon-menu-down').toggleClass('glyphicon-menu-up'); 
    }); 
}); 

Answer 2

（glyphiconを含みます）スパンをクリックすると、あなたをできるようになります「this」を使用してスパンを参照すると、トグルクラスを1つのコマンドに含めることができます。