jQuery在顯示超鏈接時顯示div

Question

我已經控制了互聯網和Stack Overflow試圖弄清楚為什么如何隱藏這個div：

<div id="blackandwhite">

但是-這並不像看起來那樣簡單，當這些超鏈接之一進入jQuery面板時，我還必須在單擊這些超鏈接之一時顯示它：

<div class="stevenav">
<ul class="navigation">
<li><a href="#firstpagename"><?php echo the_field('first_page_name'); ?></a></li>
<li><a href="#secondpagename"><?php echo the_field('second_page_name'); ?></a></li>
<li><a href="#thirdpagename"><?php echo the_field('third_page_name'); ?></a></li>
</ul>
</div>

我真的無法使它正常工作，如果您查看該站點的內容，並且目前可能有很多沖突的JS，也將不勝感激。 （准備完成后可以稍微整理一下。

Answer 1

我不確定這有什么難處，也許我錯過了重點

jQuery(function() {
    var blackWhite = jQuery("#blackandwhite").hide();
    jQuery("#firstpagename, #secondpagename, #thirdpagename").on("click", function() {
        blackWhite.show();
    });
});

Answer 2

你可以簡單地這樣寫，

$('#blackandwhite').hide();
$('li>a').click(function() {
    $('#blackandwhite').show();
});

此外，如果您想切換顯示/隱藏，您可以使用切換效果。 只需用toggle（）替換show（）

$('#blackandwhite').toggle();

Answer 3

var elm = $("#blackandwhite");
elm.hide();
$(".navigation li a").on('click', function() {
    elm.show();
});