Wie kann ich Panel zeigen, wenn i zweites Mal auf Link klicken

Question

Below arbeitet mir gut, wenn Klick auf der linken Seite Links, Panel rechts auf dieser Seite wie slideUp Animieren. Aber wenn ich erneut auf denselben Link klicke, wird das Fenster ausgeblendet. Aber ich möchte das Panel nicht verstecken. Bitte lassen Sie mich wissen, was ich am obigen Code korrigieren muss.

$(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'); 
     } 
    }); 
}); 

Answer 1

Bewegen Sie den .slideUp Anruf innerhalb des if Block. Sie möchten nur Dinge tun, wenn Sie auf einen anderen Link als den der aktuellen Seite geklickt haben. ...

$('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'); 
    } 
});