Как я могу показать панель, когда я нажимаю второй раз по ссылке

Question

Ниже все работает отлично, когда вы нажимаете на левую боковую ссылку, а правую панель анимирует, как 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'); 
     } 
    }); 
}); 

Answer 1

Перемещение .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'); 
    } 
});