我是 jQuery 的新手,我的项目有问题。
我有li
由 php 创建的元素,每个li
元素都有div
显示一些数据的布局。
我希望能够单击位于其中的标题li
并能够显示div
布局并隐藏其他所有内容,但是当我再次单击标题时,它会隐藏布局div
并再次显示所有列表。
这是结构:
HTML:
<ul>
<li>
<div id="date">date</div>
<a href="#" class="click">Title dynamically 1</a>
<div id="location">location</div>
<div class="layout">Data dynamically 1</div>
</li>
<li>
<div id="date">date</div>
<a href="#" class="click">Title dynamically 2</a>
<div id="location">location</div>
<div class="layout">Data dynamically 2</div>
</li>
</ul>
我的 jQuery 代码:
$('li a').click(function () {
$('li a').next('.layout').slideToggle(600);
$('li a').not(this).slideToggle(600);
使用此代码,它仅隐藏标题而不显示布局
我尝试了很多组合但没有运气,有人可以帮我吗?