jquery .slidetoggle() 和 .toggle() 结合使用，第一次点击无效，之后才有效。

Question

我正在尝试创建一个类似手风琴的界面，但是多个部分可以同时打开。此外，在展开内容部分进行查看时，我会替换被点击的“标题”图像。一切都正常工作，但每个“标题”的第一次点击没有任何反应。随后的每次点击都按预期工作。

这里是我设置的fiddle链接： http://jsfiddle.net/kJ8t6/5/ 非常感谢任何帮助。我已经在昨天开始尝试解决这个问题，现在必须转向其他事情。

提前致谢。

- Addicted2HD

Answer 1

你不需要绑定额外的 click 事件，因为 toggle 已经是一个鼠标点击事件。然而，需要注意的是，toggle 事件现在已经被弃用了，所以请谨慎使用。

$("#imgDeliver").toggle(function() {
    $(this).attr("src", "...");
    $('#conDeliver').slideToggle();
}, function() {
    $(this).attr("src", "...");
    $('#conDeliver').slideToggle();
});

DEMO: http://jsfiddle.net/kJ8t6/6/

- VisioN

---

stop(true, true) 在我看来是一个不错的补充 :-) - Johan

谢谢！我通常会过度复杂化事情。 - Addicted2HD