Question

我需要一些帮助来制作一个按钮，用于启用或禁用带有jquery的2 div。我的页面中有两种导航代码。这些是我的代码：

首先：

<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

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();" />

使用jQuery创建禁用启用选项

1 个答案: