1

以前toggleは非表示/表示していましたDIV

HTML

<div class="wrap">

  <h1 id="selectBox">Service you&#39;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

これは私のフィドルです

あなたのコメントや提案は大歓迎です

前もって感謝します!!!

4

4 に答える 4

2

これを使って

$(document).click(function() {
 $('.selectBoxContent').slideUp('fast');
});

$(".selectBoxContent").click(function(e) { // Wont toggle on any click in the div
e.stopPropagation();
});

このフィドルをチェックしてください

于 2013-02-15T05:54:20.237 に答える
1
$(function() {
    $(document).on("click", function(e) {
        if ($(e.srcElement).closest('.selectBoxWrap').length) return;
        if ($('.selectBoxContent').is(":visible")) $('.selectBoxContent').slideToggle('fast');
    });
    $('#selectBox').on("click", function(e) {
        if ($(e.srcElement).closest('.selectBoxWrap').length) return;
        $('.selectBoxContent').slideToggle('fast');
        return false;
    });
});

フィドル: http: //jsfiddle.net/TEyHC/9/

于 2013-02-15T05:56:30.173 に答える
0

クリックイベントハンドラーをhtmlタグにバインドできます。

$(function() {
    $('#selectBox').click(function() {
        $('html').click(function() {
            $(this).unbind('click');
            $('.selectBoxContent').slideToggle('fast');
        });
        $('.selectBoxContent').slideToggle('fast');
        return false;
    });
});
于 2013-02-15T05:43:24.943 に答える
0

このように使用できます

 $('html').click(function() {
       $('.selectBoxContent').slideToggle('fast');
  });

ここにフィドルがあります

于 2013-02-15T05:46:38.117 に答える