单击更改切换图标

Question

我是jquery的新手，尝试在切换Rails 5应用程序时单击以切换字体真棒图标。我使用了this问题来实现该功能，但是我没有看到图标更改效果。

<h2>Spanish <i id="click-spanish" class="fa fa-caret-down"></i></h2>

<div id="spanish-examples" class="initiallyHidden">
  etc.
</div>

还有jquery：

$(document).ready(function(){
  $('#click-spanish').click(function() {
    $('#spanish-examples').toggle('1000');
    $("i", this).toggleClass("fa-caret-down fa-caret-up");
  });
});

删除上面的this可获得结果，但是页面上的所有其他图标也会更改。

Answer 1

sum