javascript - 使用复选框切换 Jquery UI 事件

Question

我希望能够在这个页面上运行 jquery UI 效果：

http://jqueryui.com/toggle/

但是当用户勾选或取消勾选复选框而不是单击按钮时。我只想要一种效果，所以我不需要选择框。基本上我希望根据用户是否选中或取消选中复选框来滑入或滑出一些表单字段。

谢谢

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 并且它工作正常。试试看。