1

我想在我的 javascript 中添加一个 else 语句,目前如果用户点击一个链接,那么 div 就会隐藏,但我想要它,这样如果他们再次点击链接,div 就会取消隐藏。有人可以告诉我我该怎么做吗谢谢?

<a id="myLink" href="javascript:void(0)" onclick="javascript:myLinkButtonClick();"><h3 id="bobcontent1-title" class="handcursor"><img src="assets/img/help_support/howdo.png" width="302" height="45" /></a>

<script>
function myLinkButtonClick()
{
    $(".nswp-frame2").hide();
}
</script>
4

2 回答 2

6

由于您似乎正在使用 jQuery,因此您可以简单地使用该toggle()方法。

例如:

$('#myLink').on('click', function() {
    $(".nswp-frame2").toggle();
});

toggle()方法可互换地显示和隐藏元素,具体取决于元素当前是可见还是隐藏。

作为旁注,请注意此示例如何以不显眼click的方式使用方法将处理程序绑定到事件on(),而不是示例中的显眼(内联)代码。这也意味着这个片段应该是单独脚本声明的一部分,最好在页面加载后执行。所以一个更完整的例子是:

<script type="text/javascript">
    $(document).ready(function() {
        $('#myLink').on('click', function() {
            $(".nswp-frame2").toggle();
        });
    });
</script>
于 2013-03-26T17:54:11.840 回答
3
function myLinkButtonClick()
{
    var $element = $('.nswp-frame2');
    if($element.is(':visible')){
        $element.hide();
    } else {
        $element.show();
    }
}

或者,您也可以简单地使用 .toggle 方法:

function myLinkButtonClick()
{
    $('.nswp-frame2').toggle();
}
于 2013-03-26T17:55:04.237 回答