1

ボタンをクリックするとdivを表示するjQuery関数を作成しています。ボタン クラスは bip_btnで、div クラスはmi_data_instです。エラーはありませんが、div は表示されません。デフォルトでは、クラスの div にmi_data_instは css プロパティがありますdisplay:none

HTML 構造:

<div class="col-md-6 col-sm-6 wpb_column column_container">
    <div class="wpb_wrapper">
        <div class="wpb_text_column wpb_content_element ">
            <div class="wpb_wrapper">
            <p></p>
        </div>
        <p></p>
    </div>
    <p>
        <button class="wpb_button  wpb_wpb_button wpb_regularsize bip_btn">Take Private Lessons</button>
    </p>
    <div class="wpb_text_column wpb_content_element  mi_data_inst">
        <div class="wpb_wrapper">
            <p>Demo title</p>
            <p>
            <p>demo content</p>
            <p></p>
        </div>
        <p></p>
    </div>
    <p></p></div></div>

jQuery コード

jQuery(document).on("click",".bip_btn", function(e) 
{
    if (jQuery(this).parent("div").find(".mi_data_inst").css('display') == 'none')
    {      
alert("ok--me");     
        jQuery(this).parent("div").find(".mi_data_inst").show();
    }
    else 
    {      
        jQuery(this).parent("div").find(".mi_data_inst").hide();
    }
    return false;
});
4

3 に答える 3

0

次のようにして、要素が表示されているかどうかを確認できます。

if ( $(selector).is(":visible") )
   // the element in $(selector) is visible

必要に応じて、次のように実行できます。

<script>
jQuery(document).on("click",".bip_btn", function(e) 
{
    if ( jQuery(".mi_data_inst").is(":visible") )
    {      
        jQuery(".mi_data_inst").hide();
    }
    else 
    {      
         jQuery(".mi_data_inst").show();
    }
    return false;
});
</script>

これが役立つことを願っています

于 2013-10-26T18:20:22.547 に答える