javascript - チェックボックスを使用して Jquery UI イベントを切り替えます

Question

このページで jquery UI 効果を実行できるようにしたい:

http://jqueryui.com/toggle/

ただし、ユーザーがボタンをクリックするのではなく、チェックボックスをオンまたはオフにした場合。1 つの効果だけが必要なので、選択ボックスは必要ありません。基本的に、ユーザーがチェックボックスをオンまたはオフにするかどうかに応じて、いくつかのフォームフィールドをスライドインまたはスライドアウトする必要があります。

ありがとう

Answer 1

jQuery UI のコードを適合させ、この JS フィドルを作成しました。

http://jsfiddle.net/m5sTY/13/

チェックボックスにもクリックを追加して、チェックされているかどうかを確認できます。

$( "#effect" ).toggle( false );
$("#run_effect").click(function(){
    if($('#run_effect').is(':checked')){
        runEffect();
        //you can do something else if the checkbox is checked here
    }else{
        runEffect();
        //you can do something else if the checkbox is unchecked here
    }
});

return false を削除したところ、正常に動作しました。それを試してみてください。