2016-03-25 21 views
0

gösterdi gösterisi, gizlemek Ben kodu: Bu iyi çalışıyor, ama #navbar-secondary gösterdi edildiğinde de #navbar-secondary üzerine hide() eylem olmasını istediğinizjQuery - gizli zaman

<script> 
    $(document).ready(function(){ 
     $("#browse").click(function(){ 
      $("#navbar-secondary").show(); 
      $("#navbar-secondary").removeClass('hidden').addClass('animated slideInDown'); 
      $(this).find("a").focus().blur(); 
     }); 
    }); 
</script> 

.

Saygılarımızla. Sen

+0

.toggle()) hakkında;' 'sonra $ (this) .find ("a") .focus(). blur(); 'fakat çapa etiketiniz $ (this) 'in bir parçası olduğundan, altındaki her şey biter. –

+0

bize html'nizi gösterebilir misiniz? Belki daha iyi bir şekilde yardımcı olabiliriz –

cevap

0

Ne $ (this) .hide (`ekleyebilirsiniz

$("#navbar-secondary").toggle() 
+0

toogle() ve hide() arasındaki fark nedir? – mateuszji

+0

geçiş() gizlemek de gösterilmiştir elemanı ve gösteri, http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle – Nab

+0

gizli ama 'slideOutUp' veya canlı diğer animasyon animasyon kullanır zaman. css önce # # navbar-ikincil? – mateuszji

0

.is(":visible") ile kontrol edip sonra .hide() fonksiyonunu kullanabilirsiniz

$(document).ready(function(){ 
    $("#browse").click(function(){ 
     if ($("#navbar-secondary").is(":visible")) { 
      $("#navbar-secondary").hide().addClass('hidden'); 
     } else { 
      $("#navbar-secondary").show().removeClass('hidden').addClass('animated slideInDown'); 
      $(this).find("a").focus().blur(); 
     } 
    }); 
}); 
+0

Mükemmel, ancak '# navbar-ikincil '' gizlemeden önce' animated slideOutUp' kullanabilir miyim? – mateuszji

+0

Şimdi biraz CSS3 işlevselliği buldum ama buna aşina değilim. Her neyse, işe yaramayacak bir sebep göremiyorum. – PetrHejda

+0

ama bunu nasıl yapmalı? Animasyon başlamadan önce # navbar-ikincil 'gizli olacak. – mateuszji