Jquery 隐藏/显示不在JSP中工作？

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

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

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“pageNav”）.hide（）；
});
$（“#显示”）。单击（函数（）{
$（“pageNav”）.show（）；
});
});

JSP:

隐藏
显示

应使用

#

选择它，因为它是一个

id

，也可以使用

.on（）

等

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

那么您的代码将被删除

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

---

我的疑问是……如果您隐藏了

pageNav

，那么您将在何处单击以显示它。。？？您可能需要将这些按钮放在

pageNav

的外部，谢谢。。。。我怎样才能在鼠标套上显示它？我的意思是，默认情况下，div是隐藏的，并且只会在mouseHover上显示。在我记忆中，当mouseHover和mouseleave display:nonefault按钮类型为submit时，在menu

sidebarmenu

和display:block上添加mouseover和mouseleave操作，因此单击它将重新加载页面。向两个按钮添加

type=“button”

。

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