j查询关闭 ul 如果打开了其他
jQuery close ul if other is opened
在这里需要一些帮助。 我有以下html/javascript
<div class="quick-links block">
<div class="main-wrap container">
<div class="row">
<div class="col-sm-4 first column">
<div class="inner-content">
<h2>Admissions<a><img src="/sites/all/themes/merge/img/blue-down.png" /></a></h2>
<ul>
<li><a>Apply Now</a></li>
<li><a>Schedule a Visit</a></li>
<li><a>Student Life</a></li>
</ul>
</div><!--end inner-content-->
</div><!--end col-->
<div class="col-sm-4 second column">
<div class="inner-content">
<h2>Academics<a><img src="/sites/all/themes/merge/img/green-down.png" /></a></h2>
<ul>
<li><a>A Liberal Arts Degree</a></li>
<li><a>College of Arts & Sciences</a></li>
<li><a>College of Business</a></li>
<li><a>College of Education</a></li>
<li><a>College of Health Sciences</a></li>
</ul>
</div><!--end inner-content-->
</div><!--end col-->
<div class="col-sm-4 third column">
<div class="inner-content">
<h2>Student Life<a><img src="/sites/all/themes/merge/img/gold-down.png" /></a></h2>
<ul>
<li><a>Campus Photo Tour</a></li>
<li><a>Student Organizations</a></li>
<li><a>Residence Life</a></li>
<li><a>Facilities</a></li>
<li><a>Food & Drink</a></li>
</ul>
</div><!--end inner-content-->
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</div><!--end quick-links-->
<!-- ================================================ -->
<!-- === QUICK LINKS JAVASCRIPT === -->
<!-- ================================================ -->
<script>
var quickSection = $('.quick-links');
var quickContent = $('.quick-links .row .inner-content')
var quickList = $('.quick-links .row .inner-content ul');
if ( quickSection.is('*') ) {
quickContent.find("img").click(function() {
$(this).closest(".inner-content").find("ul").slideToggle("slow");
$(this).toggleClass("flipped");
});
}
</script>
如果单击另一个"找到"的 img,我需要关闭显示的 ul。 基本上只需要关闭当前的ul,如果打开另一个。 任何帮助将不胜感激。
你也可以做这样的事情
quickContent.find("img").click(function() {
$(this).closest(".main-wrap").find("ul").slideUp("slow"); // close all other
$(this).closest(".column").find("ul").slideDown("slow"); // open current
});
试试这个:
$(this).closest(".inner-content").find("ul").slideToggle("slow")
.closest(".column").siblings().find("ul").slideUp("slow");
http://api.jquery.com/siblings
相关文章:
- 如果其他是咖啡脚本
- 对象获胜'如果qml中的其他地方定义了数字动画属性,则t设置动画
- 用户名输入如果其他块不能正常工作/Javascript-jQuery-AJAX
- 如果匈牙利的记法大多被贬低;建设者的UpperCamel与其他一切的lowerCamel“;如此受欢迎
- 如果一个手风琴发出咔嗒声,如何最大限度地减少其他手风琴
- 如果没有其他函数链接到promise,则默认行为
- 如果..其他 引号内的语句
- 如果选择了其他选择项目,则隐藏选择项目
- 如果条件,则在其他操作之后调用 Redux 操作
- 如果单击离开页面,请重定向到其他页面
- j查询关闭 ul 如果打开了其他
- 找到所有元素,如果没有类,则使用 jQuery 添加其他类
- 如果React.js是V,那么在MVC中,其他字母是什么
- 如果所有其他元素都填写在AngularJS中,如何动态添加新的输入元素
- 如果匹配,则对数组中的每个项执行其他操作,如果使用jvectormaps
- 这是关于Jquery/JS的,如果我改变元素's HTML-我可以对它执行其他Jquery/JS操作吗
- 速记与其他如果
- 多功能 javascript 停止其他如果警报取消
- 如果工作,但不是其他如果
- 麻烦与javascript测量转换功能.“如果. .其他如果. .else"