0

我试图在一个网站上实现一个特定的部分，当我点击一个链接时，它会向下切换，如果页面上已经有一个切换，那么它将关闭它并打开这个选定的一个。

请参考这里：http: //jsfiddle.net/r79Nu/3/

问题是我想要它，所以当您单击特定链接时，它将停止一起切换并删除它。目前，每当您第二次单击该链接时，它都会显示一个 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);
    }

});

希望这是有道理的。

4

2 回答 2

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 ...
}
于 2013-03-01T20:39:29.110 回答
1

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

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

于 2013-03-01T21:02:34.850 回答