jQuery切换方法问题

Question

使用jquery-ui-1.8.15.custom.min toggle方法时，目标元素旁边的元素始终是隐藏的。

以下是测试页：http://jsfiddle.net/dassio/CLrMx/9

我希望div类名suggestion在点击按钮时在隐藏和显示之间切换，但为什么红线总是丢失？

Answer 1

这应该做的工作： http://jsfiddle.net/CLrMx/15/

您的脚本意外隐藏了您的文字。把它清理了一下，以便olny做必要的事。

Answer 2

我发现了问题：

<div id="config" class='name ui-widget-content ui-corner-all'> 
    <button id="details">show details</button> 
</div> 

我将name类名添加到按钮周围的父div，当事件冒泡到父div时，代码如下：

$(".name" ).click(function() {
    var clicked = $(this);
    var suggestion = clicked.next();
    suggestion.toggle("fold",200);
    return false;
});

被调用并关闭<h3>元素，该元素是父div的下一个元素。