2012-07-15 69 views
0

我需要一些幫助來製作啓用或禁用jquery 2 div的按鈕。我在我的頁面中有2種導航代碼。這是我的代碼:使用jQuery禁用啓用選項

第一:

<div class="nextprev"> 
[prev-link]Previous[/prev-link] 
[next-link]Next[/next-link] 
</div> 

二:

<div id="page_navigation1" class="page_navigation1">[next-link]Next[/next-link]</div> 

現在,我需要一些jQuery代碼用於啓用或禁用這些div的。例如,當我們點擊啓用按鈕只是第一個div將工作,當我們點擊禁用,只是第二個div將工作!

我希望你們沒有發現我的問題,我很抱歉我的英語不好。

回答

0

toggle()函數切換div的可見性。所以也許這樣?

http://jsfiddle.net/UvWEu/17/

<script type="text/javascript"> 
    function toggleDivs() { 
     $("#nav1").toggle(); 
     $("#nav2").toggle(); 
    } 
</script> 


<div id="nav1" 
    style="background-color:red;width:50px;height:50px;display:none;">nav1 
</div> 
<div id="nav2" 
    style="background-color:green;width:50px; height:50px;display:visible;">nav2 
</div> 
<button text="toggle" style="width:50px; height=18px" onclick="toggleDivs();" />​ 
+0

感謝,但隱藏和顯示是不是爲我工作。我需要禁用其中一個div的代碼。我想啓用和禁用Ajax頁面加載這些div – Alireza 2012-07-15 01:40:22