divをクリックしたままにするJquery asp.net

Question

divをクリックして画面に表示させようとしていますが、divを一度クリックすることはできません。ここで

はjQueryの使用である：

$(document).ready(function(){    

     $(function() { 
      $("#main").hide(); 
      $("#Button1").on("click", function() { 
       $("#main").toggle(500); 
      }); 

     }); 

    }); 

とメインのHTML：

#main{ 
     position:absolute; 
     left:180px; 
     width:75%; 
     height:700px; 
     top:300px; 
     background-color:snow; 
} 

Answer 1

buttonがページを送信していないことを確認してください。プレーンなHTMLボタンの場合は、タグに属性type="button"を追加します。
別のオプションは、クリックイベントハンドラに提出することを防止するためである。

$("#Button1").on("click", function (e) { 
    e.preventDefault(); 
    $("#main").show(500); 
}); 

Answer 2

あなたの問題は、この行である：

$("#main").toggle(500);

「トグルjQueryの関数は、要素の表示状態を非表示と表示の間で切り替えるようにします。クリックすると要素が表示されるようにするには、「表示」機能を使用します。

$(function() { 
    $("#main").hide(); 
    $("#Button1").on("click", function() { 
     $("#main").show(500); 
    }); 
});