0

メニューの「コンタト」についてです。クリックすると、divのポップアップと上下の高さが切り替わります。正常に動作します。それに加えて、「X」ボタンを配置したかったのです。

問題は、「Contato」をクリックするとポップアップすることです。Xをクリックすると、ポップアップします。しかし、もう一度「Contato」をクリックすると、2回クリックした場合にのみ機能します。

この問題を解決するために私の貧弱なjQueryをどのように改善できるかについて何か考えがありますか？

これはライブです： http ：//www.arthurfalcao.com.br

<section id="contato">
            <article id="info">
                <p>21 8668 1419</p>
                <p>22 7836 4351</p>
                <p>87*146596</p>
                <a href="mailto:artfalcao@gmail.com" title="E-mail para contato" target="_blank">artfalcao@gmail.com</a>
            </article>
            <div class="contato">
                <span class="close">X</span>
                <?php echo do_shortcode("[si-contact-form form='1']"); ?>
            </div>
        </section>

        <script>
            jQuery("#menu-item-21 a").click(function () {
                jQuery(this).toggleClass("black");
            });
            jQuery("#menu-item-21").toggle(function(){
                jQuery("#contato").animate({height:375},600);
                jQuery("#info").animate({height:0},700);},
                function(){
                jQuery("#contato").animate({height:150},600);
                jQuery("#info").animate({height:115},700);
            });

        </script>
        <script>
            jQuery(".close").click(function () {
                jQuery('#contato').animate({height:150},700);
                jQuery("#info").animate({height:115},700);
            });
            jQuery("#menu-item-21 a").click(function () {
                jQuery(this).removeClass("black");
            });         
        </script>
4

1 に答える 1

0

これを変える

       jQuery(".close").click(function () {
            jQuery('#contato').animate({height:150},700);
            jQuery("#info").animate({height:115},700);
        });

に

       jQuery(".close").click(function () {
            jQuery('#menu-item-21').trigger('click');
        });

あなたが抱えている問題は、の使用によるものです.toggle。現在、Xをクリックすると、閉じた状態でアニメーション化されますが、.toggle状態には影響しません。代わりに、Xトリガーでクリックをトリガーします。これにより、トグル状態を#menu-item-21使用して影響を与えることができます。.toggle

于 2013-02-21T03:58:54.030 に答える