I am simply trying to toggle between display: block;
and display: none;
.
($('#menu').css('display') = "block") ? $('#menu').css('display', 'none') : $('#menu').css('display', 'block');
I am simply trying to toggle between display: block;
and display: none;
.
($('#menu').css('display') = "block") ? $('#menu').css('display', 'none') : $('#menu').css('display', 'block');
=
に変更==
($('#menu').css('display') == "block") ? $('#menu').css('display', 'none') : $('#menu').css('display', 'block');
車輪の再発明を試みる必要はありません。jQueryには、これを行うメソッドがすでにあります.toggle()
。
$('#menu').toggle();
:visible
特定の値を明示的にチェックする代わりに、使用することで小さな変更を加えdisplay
ます。
$('#menu').css('display', $('#menu').is(':visible') ? 'none' : 'block');
比較=
のために代わりに使用しています。==
代わりにこれを試してください:
(function(e) {e.display = e.display == 'none' ? 'block' : 'none';})(document.getElementById('menu').style);