2016-03-25 10 views
0

を示した際に表示、非表示私が持っているコード:それは正常に動作しているが、私は#navbar-secondaryが示されたされたときにも#navbar-secondary非表示()アクションを持ちたいjQueryの - 隠されたとき

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

よろしくお願いいたします。

+0

.hide()機能を使用し、' '後$(this).find( "a").focus()。blur(); 'しかしアンカータグは$(this)の一部であるため、その下のものはすべてなくなります。 –

+0

あなたは私たちにあなたのhtmlを見せることができますか?おそらくもっと良い方法で助けてくれるでしょう –

答えて

0

.toggleについて()は何

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

toogle()とhide()の違いは何ですか? – mateuszji

+0

toggle()は表示されているときに要素を非表示にし、非表示にするときに表示します。http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle – Nab

+0

アニメーションから「animated slideOutUp」やその他のアニメーションを使用できますか? CSSを非表示にする前に##navbar-secondary? – mateuszji

0

あなたは.is(":visible")に確認することができ、その後、あなたは `$(この).hide()を追加することができます

$(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

優秀ですが、 '#navbar-secondary'を隠す前に' animated slideOutUp'を使うことはできますか? – mateuszji

+0

これでCSS3の機能がいくつか見つかりましたが、それに慣れていません。とにかく、私はそれが働かない理由を見ていない。 – PetrHejda

+0

しかし、これを行うには?アニメーションが始まる前に '#navbar-secondary'が隠されます。 – mateuszji

関連する問題