javascript - jquery .slidetoggle() 和 .toggle() 一起，第一次点击什么都不做，然后再工作

Question

我正在尝试创建一个类似手风琴的界面，但可以同时打开多个部分。此外，除了扩展部分内容以供查看之外，我还将图像交换为单击的“标题”。一切正常，但第一次点击每个“标题”什么都不做。每次后续点击都按预期工作。

这是我设置的小提琴的链接：http: //jsfiddle.net/kJ8t6/5/

任何帮助将不胜感激。从昨天开始，我一直在努力解决这个问题，并且不得不转向其他事情。

提前致谢。

Answer 1

您不需要绑定额外的click事件，因为toggle已经是鼠标单击事件。但是，您应该考虑到该toggle事件现在已被弃用，因此请谨慎使用它。

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

演示：http: //jsfiddle.net/kJ8t6/6/