以前toggle
は非表示/表示していましたDIV
HTML
<div class="wrap">
<h1 id="selectBox">Service you're interested in</h1>
<div class="selectBox">
<div class="selectBoxWrap">
<ul class="selectBoxContent">
<li><input type="checkbox" name="#" value="New Web Site" /> <span class="innerPageSelect">Website Design and Development</span></li>
<li><input type="checkbox" name="#" value="New Web Site" /> <span>Website Maintenance</span></li>
<li class="other">
<p>
<label for="other">Other</label><br />
<input type="text" name="other" value="" id="other" />
</p>
</li>
</ul>
</div>
</div>
</div>
Jクエリ
$(function() {
$('#selectBox').click(function() {
$('.selectBoxContent').slideToggle('fast');
return false;
});
});
をチェックしてサービスを選択した後、ページの任意の場所をクリックするとトグル div を非表示にするか、 にcheckbox
何かを入力しますtextbox
。
これは私のフィドルです
あなたのコメントや提案は大歓迎です
前もって感謝します!!!