javascript - 点击并打开表格

标签 javascript jquery accordion jquery-ui-accordion

<分区>

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

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

当点击 h1 标签时,通过 Accordion 打开表单。我累了但没有工作。我该如何解决?

最佳答案

您正在将事件附加到 h1标签和 div元素不是 child ,而是h1 的 sibling 标签。

此外,您的 HTML 需要修复,否则代码将无法运行,您忘记了 h1结束标记。

更改 HTML:

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

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

然后更新您的脚本以使用 sibling 而不是 child 并添加缺失的 event参数或 event.stopPropagation()会抛出错误:

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

DEMO - slideToggle() sibling

关于javascript - 点击并打开表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12387161/

相关文章:

javascript - 为开发构建 webpack 时出现语法错误

javascript - React/Redux 在第一个 Action 完成后立即触发 Action

javascript - 将变量值传递回 Controller 的angularJs方法是什么

javascript - 如何使用jquery从window.open js函数获取元素和html

javascript - 如何在 <td> 标签下使用 Accordion? Angular 9

javascript - 滚动到页面顶部而不刷新/重新加载该页面

javascript - 用户不是 Express with Passport 中的构造函数

javascript - 在 img 之后附加 div 并垂直对齐它

javascript - 打开/关闭 Accordion

javascript - 带有标题和段落的简单(新手) Accordion 效果