Jquery slideToggle（）工作不正常

我在页面中添加了slideToggle（）效果，但效果不正常

$j(".fields_toggle").click(function() {
    $j(this).toggleClass("closed").next('.toggle_container').slideToggle('slow');
});

单击切换触发器可使幻灯片内容立即向下滑动，然后向上滑动，而无需再次单击

<div class="onoffswitch right fields_toggle">
    <input type="checkbox" name="myonoffswitch2" class="onoffswitch-checkbox" id="myonoffswitch2" checked>
    <label class="onoffswitch-label " for="myonoffswitch2"> <span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>

    </label>
</div>
<div class="row toggle_container">
    <input type="text" id="dpd1" value="" class="form-control datepicker" placeholder="Arrival">
    <input type="text" id="dpd2" value="" class="form-control datepicker" placeholder="Departure">
</div>

这是因为我使用的是checkbox-radio-switch.css文件（包含在中）。只是一些css在复选框上提供了切换外观

---

我怎样才能解决这个问题呢？

嗨，我已经和

我只是跟踪：

var on = true;

我也加入了变更事件，因为它似乎进入了

点击
->
变更
->
点击

$j(".fields_toggle").on('change', function (e) {
     console.log(2);   
     e.preventDefault();
    on = !on;
});

我想这能满足你的需要吗？
在这里，我能正常工作

我给相关的
div
2个
id

<div class="onoffswitch right fields_toggle" id="btn_for_toggle">

请参见我的
我添加的
e.preventDefault
，我们就快到了。很明显，点击事件不止一次地触发了，因为有两个幻灯片操作正在进行！为什么你的答案得到了3张赞成票，而我首先得到了答案，而且比你的答案早了20分钟。。。。。这个系统是如此的有缺陷，我真的不知道，但我的解决方案看起来更简单。也许他接受了你的回答，我不接受know@ktsixit我刚检查过，我正在运行chrome，它工作得很好。。。你在运行什么浏览器？我在运行Firefox28。我在Chrome上检查了它，它工作正常，但在firefox上不工作。我正在使用firefox，我看到你的小提琴不起作用，这就是为什么我不接受你的答案作为解决方案。。。对不起that@ktsixit老实说，其他人更好：）
 <div class="row toggle_container" id="form_elements">

jQuery("#myonoffswitch2").on("click", function () {
    jQuery("#form_elements").toggle("slow");
    jQuery("#btn_for_toggle").toggleClass("closed");
});