Question

我正在尝试在点击链接时切换到网站上的特定部分，如果页面上已有切换，则会关闭此部分并打开此选定的部分。

问题是我想要它，所以当你点击一个特定的链接时，它会停止一起切换并删除它。此时，只要您再次单击链接，它就会显示div。

以下是代码：

    $('#nav a').click(function () {
    var headerItem = $(this).attr('data-header');
    if ($('#header_container').is(':visible')) {
        $('#header_container').slideUp(500, function() {
            $('.header_item').hide();
            $('#'+headerItem).show();
            $('#header_container').slideToggle(500);
        });
    }
    else {
        $('#'+headerItem).show();
        $('#header_container').slideToggle(500);
    }

});

希望这是有道理的。

Answer 1

添加此代码，以便在已选择时不切换。

$('#nav a').click(function () {
    var headerItem = $(this).attr('data-header');
    if ($('#header_container #'+headerItem).is(':visible')) {
        $('#header_container').slideUp(500);  // or whatever method to make it disappear
        return false;
    } 
    .... rest of your code ...
}

Answer 2

我会拍摄我认为你想要的东西。再次，非常不清楚所需的功能是什么。这将首先单击展开正确的文本（标题1或2），然后在第二次单击到该初始单击点时，它将缩回封面。这隐藏了所显示的数据，因此当您点击1时，您会收到1的数据，反之亦然2。这是正确的功能吗？

http://jsfiddle.net/r79Nu/23/

单击链接时停止切换

2 个答案: