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();
});

jQuery在显示超链接时显示div

3 个答案: