由于我的读取的数据数据库中读出来的,要想实现的效果是一条信息点击出现时,另一条已点击出现的条目就隐藏,怎么实现最好能有范例,求各位慷慨解囊
可以这样解决:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<style>
ul.news div{display:none }
</style>
<ul class="news" id="ulNews">
<li><a href="#">new1</a><div>news1新闻详细内容</div></li>
<li><a href="#">new2</a><div>news1新闻详细内容</div></li>
<li><a href="#">new3</a><div>news1新闻详细内容</div></li>
<li><a href="#">new4</a><div>news1新闻详细内容</div></li>
</ul>
<script>
$('#ulNews a').click(function () {
$(this).next().slideToggle();
$(this).closest('li').siblings().find('div').slideUp();
return false
});
</script>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。