程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> jquery-求一段js或者JQ顯示隱藏代碼

jquery-求一段js或者JQ顯示隱藏代碼

編輯:編程綜合問答
求一段js或者JQ顯示隱藏代碼

JS或者JQ點擊顯示隱藏

... ... ... ... ...

...

現求一段JQ或者JS代碼控制
一:
點擊

... 顯示...當再次點擊和鼠標移開...後自動以藏...;點擊... 顯示...當再次點擊和鼠標移開...後自動以藏...。
二:
點擊... 顯示...當再次點擊和鼠標移開...後自動以藏....
不要改變我的代碼結構,這樣的控制JQ或者JS怎麼寫啊,我是小白希望代碼寫出來。

最佳回答:


 <div id=a>
    <div class=1>.cls1..</div>
    <div class=2>.cls2..</div>
    <div class=3>.cls3..</div>
    <div class=4>.cls4..</div>
    <div class=5>.cls5..</div>
</div>
<div id=b>
    <div class=6>.cls6..</div>
</div>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $('div.1,div.3,div.5').click(function () {
        var c = parseInt(this.className, 10) + 1;
        $('div.' + c).toggle();
    });
    $('div.2,div.4,div.6').mouseleave(function(){$(this).hide()})
</script>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved