当我第二次单击链接时如何显示面板

How can i show panel when i click second time on link

本文关键字：显示 何显示 第二次 单击 链接      更新时间：2023-09-26

当单击左侧链接时，下面对我来说效果很好，右侧面板像slideUp一样动画。但是当我再次单击同一链接时，面板隐藏了。但我不想隐藏面板。请让我知道，我需要在上面的代码上更正什么。

$(function() {
    $('div.panel').hide();
    $('div.panel:first').addClass('active').show();
    $('li.link').click(function() {
        var id = $(this).attr('rel');
        var showing = $(id).is(':visible');
        $('div.panel').slideUp('slow');
        $('li.link').removeClass('active');
        if (!showing) {
            $(id).slideDown('fast', function() {
                $('html,body').animate({
                    scrollTop: 0
                }, 'slow')
            });
            $(this).addClass('active');
        }
    });
});

将.slideUp调用移动到if块内。只有当您单击了与当前页面对应的链接以外的任何链接时，您才想执行操作。

$('li.link').click(function() {
    var id = $(this).attr('rel');
    var showing = $(id).is(':visible');
    $('li.link').removeClass('active');
    $(this).addClass('active');
    if (!showing) {
        $('div.panel').slideUp('slow');
        $(id).slideDown('fast', function() {
            $('html,body').animate({
                scrollTop: 0
            }, 'slow')
        });
        $(this).addClass('active');
    }
});
相关文章：