javascript - 点击并打开表格

Question

我有表格结构。具有以下内容：

http://jsfiddle.net/Rochefort/6GHmM/

当点击 h1 标签时，通过手风琴打开表单。我很累但没有工作。我该如何解决？

Answer 1

您将事件附加到h1标签，div元素不是子标签，而是h1标签的兄弟姐妹。

此外，您的 HTML 需要修复，否则代码将无法正常工作，您忘记了h1结束标记。

更改 HTML：

// From
<h1>CLICK AND OPEN<h1>

// To
<h1>CLICK AND OPEN</h1>

然后更新您的脚本以使用兄弟姐妹而不是孩子并添加缺少的event参数，否则event.stopPropagation()将引发错误：

$('.uyeform h1').click(function(event) {
    $(this).siblings('div').slideToggle('300');
    event.stopPropagation();
});

演示- slideToggle() 兄弟姐妹

Answer 2

我已经修改了你的Fiddle。请看一看。

$('div.input').hide();
$('.uyeform h1').click(function() {
    $('div.input').slideToggle('300');
    event.stopPropagation();
});​

Answer 3

你有很多问题。首先，您不包括 jquery 库。然后你说event.stopPropagation，但甚至从未定义过。还有，h1没有孩子

检查这个小提琴，看看它是否符合您的要求