程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> 顯示隱藏效果-jquery的slideToggle方法的實現問題

顯示隱藏效果-jquery的slideToggle方法的實現問題

編輯:編程綜合問答
jquery的slideToggle方法的實現問題

由於我的讀取的數據數據庫中讀出來的,要想實現的效果是一條信息點擊出現時,另一條已點擊出現的條目就隱藏,怎麼實現最好能有范例,求各位慷慨解囊

最佳回答:


 <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>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved