トグル（）

Question

Imは、クラスに各クリックを変更する機能トグル（）を使用しようとして動作しませんが、この機能は、単に要素が、私は.toggleを懸念しています限り

$("#bills-menu").toggle(function() { 
     $("#bills-menu > .fa-sort-desc").removeClass("fa-sort-desc").addClass("fa-sort-asc"); 
}, function() { 
     $("#bills-menu > .fa-sort-asc").removeClass("fa-sort-asc").addClass("fa-sort-desc"); 
    }); 

Answer 1

toggleClass() JQuery関数を使用する以下のスニペットを実行してみてください。これをチェックアウトすることもできますCodePen Demo私はそれが助けて欲しい

$(document).ready(function() { 
 
    $("span").click(function() { 
 
    $(this).toggleClass("fa-sort-asc"); 
 
    }); 
 
})

#bills-menu { 
 
    display: flex; 
 
    justify-content: center; 
 
    font-size: 5rem; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 

 
<div id="bills-menu"> 
 
    <span class="fa fa-sort-desc" aria-hidden="true"></span> 
 
</div>

Answer 2

を選択隠します（）関数は実際には（http://api.jquery.com/toggle/）、要素を表示または非表示にします。あなたはその関数を呼び出す方法に応じて、少し別の何かをやって逃げるかもしれない...あなたの代わりにtoggleClass（）メソッドを使用して試みることができる

（http://api.jquery.com/toggleclass/）

何かが必要な場合は、私に教えてくださいより明確にすると、私はコードサンプルを提供するだろうが、おそらく最初にそのドキュメンテーションを見て、その助けがあれば質問を更新するべきだと思った。