おそらく非常に単純な質問があります。
そのコードを asp.net Web アプリケーション プロジェクトにコピーしましたが、ボックスを最小化できませんでした。
asp.net プロジェクトで JavaScript を使用するために何か特別なことはありますか?
コードツリー回を試しました。
- ヘッドブロックにスクリプトコードを入れる
- スクリプト コードを div の開始直前に配置する
- form タグが閉じる直前にスクリプト コードを配置する
Javascript コード
$("#button").click(function(){
if($(this).html() == "-"){
$(this).html("+");
}
else{
$(this).html("-");
}
$("#box").slideToggle();
});
htmlコード
<div id="widnow">
<div id="title_bar"> Basic information
<div id="button"><img src="http://commons.wikimedia.org/wiki/File:Minus_in_circle.svg"></div>
</div>
<div id="box">
</div>
</div>
CSSコード
#widnow{
width:400px;
border:solid 1px;
}
#title_bar{
background: #FEFEFE;
height: 25px;
width: 100%;
}
#button{
border:solid 1px;
width: 25px;
height: 23px;
float:right;
cursor:pointer;
}
#box{
height: 250px;
background: #DFDFDF;
}