jquery - 隐藏/显示在 JSP 中不起作用？

Question

我的 JSP 中有以下代码。隐藏/显示不起作用..我哪里出错了？JavaScript：

<script>
    $(document).ready(function(){
     $("#hide").click(function(){
       $("pageNav").hide();
    });
    $("#show").click(function(){
     $("pageNav").show();
    });
 });
</script>

JSP：

<button id="hide">Hide</button>
<button id="show">Show</button>
<div id="pageNav">
    <div class="sidebarmenu">
        <ul>
             <li>......</li>
             <li>......</li>
        </ul>
     </div>
</div>

Answer 1

应该选择它，#因为它是一个id并且也使用.on()like

$('#pageNav').hide();

然后你的代码将是

$("#hide").on('click',function(){
    $("#pageNav").css('display','none');  // $('#pageNav').hide();
});
$("#show").on('click',function(){
    $("#pageNav").css('display','block');  // $('#pageNav').show();
});

我的疑问是..如果你隐藏pageNav然后你会点击显示它..?? 可能您需要将这些按钮放在.pageNav