0

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>
4

1 に答える 1

2

であり、同様に使用する#ため、 で選択する必要があります。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。

于 2013-08-29T07:13:42.227 に答える