对jQuery设置禁用-启用选项

Question

我需要一些帮助来使按钮启用或禁用2 div与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将工作！

我希望你们能理解我的问题，并为我糟糕的英语感到抱歉。

Answer 1

函数的作用是:切换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();" />​