Question

嘿，这都是关于Jquery的。我正在使用两个Div和一个按钮，一次只显示一个div。假设这些是div：

<div id="first"></div>
<div id="second"></div>

按钮是：

<input type="button" value="show first" onClick="called a javascript();"/>

仅显示单个div，即first

<script>
    $(document).ready( function() {
        $("#second").hide();
    });
</script>

现在点击按钮，我想隐藏第一个div，显示第二个，并且value按钮被更改为显示第二个，如果再次点击它将恢复到之前的状态。

提前致谢

Answer 1

继承人 FIDDLE 。希望它有所帮助。

HTML

<div id="first" style="display:none;">first</div>
<div id="second">second</div>
<input id="btn" type="button" value="show first" />

脚本

$('#btn').on('click', function () {
    var $this = $(this);
    if ($this.val() === 'show first') {
        $('#first').show();
        $('#second').hide();
        $this.val('show second');
    } else {
        $('#first').hide();
        $('#second').show();
        $this.val('show first');
    }
});

Answer 2

您正在寻找的是来自jquery的toggle函数

以下是fiddle

的示例

$(".toggleMe").click(function() {
   $(".toggleMe").toggle(); 
});

点击事件上的交替按钮？

2 个答案: