使用复选框切换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
    }
});

我删除了返回false并且工作正常。试试吧。