dogrunjp
5/4/2014 - 8:39 AM

jQueryで隣の要素をtoggleしつつトリガーのアイコンのイメージをtoggleに合わせ交互に変更する方法。 （Font Awsomeアイコンを使う場合）

jQueryで隣の要素をtoggleしつつトリガーのアイコンのイメージをtoggleに合わせ交互に変更する方法。 （Font Awsomeアイコンを使う場合）

トグルする要素とスイッチの例
content_copyfile_download
<div class="switch">
<span class="fa fa-mimus-square"></span>
</div> 
<div>..</div>
jQuery_toggle_switch.js
content_copyfile_download
$(".switch").click(function(){
$(this).next().slideToggle();
$("span",this).toggleClass("fa-mimus-square");
$("span",this).toggleClass("fa-plus-square");
})