2012-07-15 71 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