由于我的读取的数据数据库中读出来的，要想实现的效果是一条信息点击出现时，另一条已点击出现的条目就隐藏，怎么实现最好能有范例，求各位慷慨解囊
<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>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$('#msgdiv').append("<p id='msg2'>msg2</p>");
$("#msg1").slideToggle();
});
});
</script>
</head>
<body>
<div id='msgdiv'>
<p id='msg1'>msg1</p>
</div>
<button class="btn1">Toggle</button>
</body>
</html>