Javascript jQuery在单击时向下滑动特定div
我的大脑完全融化了,但我记不起如何让特定的div在单击事件上进行jQuery向下滑动 这就是我一直想做的: $'.content link'。单击,函数E{ $this.next'.content'.slideToggle; e、 防止违约; }; 身体{ 填充:20px; } .内容{ 显示:无; } 这是要为1显示的内容 这是要为2显示的内容 你失去了父母。使用“下一个之前的父项”切换下一个div $'.content link'。单击,函数E{ $this.parent.next'.content'.slideToggle; e、 防止违约; }; 身体{ 填充:20px; } .内容{ 显示:无; } 这是要为1显示的内容 这是要为2显示的内容 你失去了父母。使用“下一个之前的父项”切换下一个div $'.content link'。单击,函数E{ $this.parent.next'.content'.slideToggle; e、 防止违约; }; 身体{ 填充:20px; } .内容{ 显示:无; } 这是要为1显示的内容 这是要为2显示的内容 只需尝试添加父级 只需尝试添加父级 几乎可以使用$this.parent.next.content .next在这种情况下不会单独工作,因为它会获取匹配元素集中每个元素紧跟其后的同级。content link没有同级,但它的父div.link有同级 几乎可以使用$this.parent.next.content .next在这种情况下不会单独工作,因为它会获取匹配元素集中每个元素紧跟其后的同级。content link没有同级,但它的父div.link有同级Javascript jQuery在单击时向下滑动特定div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的大脑完全融化了,但我记不起如何让特定的div在单击事件上进行jQuery向下滑动 这就是我一直想做的: $'.content link'。单击,函数E{ $this.next'.content'.slideToggle; e、 防止违约; }; 身体{ 填充:20px; } .内容{ 显示:无; } 这是要为1显示的内容 这是要为2显示的内容 你失去了父母。使用“下一个之前的父项”切换下一个div $'.content link'。单击,函数E{ $this.parent.next'.c
您可以简单地使用引导来实现这一点,只需尝试下面的代码
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<br>
<a href="#" data-toggle="collapse" data-target="#demo">Item #1</a>
<div id="demo" class="collapse">
Collapsible Group Item #1
</div>
<br> <br>
<a href="#" data-toggle="collapse" data-target="#demo1">Item #2</a>
<div id="demo1" class="collapse">
Collapsible Group Item #2
</div>
<br> <br>
<a href="#" data-toggle="collapse" data-target="#demo3">Item #3</a>
<div id="demo3" class="collapse">
Collapsible Group Item #3
</div>
</div>
</body>
</html>
您可以简单地使用引导来实现这一点,只需尝试下面的代码
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<br>
<a href="#" data-toggle="collapse" data-target="#demo">Item #1</a>
<div id="demo" class="collapse">
Collapsible Group Item #1
</div>
<br> <br>
<a href="#" data-toggle="collapse" data-target="#demo1">Item #2</a>
<div id="demo1" class="collapse">
Collapsible Group Item #2
</div>
<br> <br>
<a href="#" data-toggle="collapse" data-target="#demo3">Item #3</a>
<div id="demo3" class="collapse">
Collapsible Group Item #3
</div>
</div>
</body>
</html>