Jquery 第一次单击时转换不起作用_Jquery_Html_Css_Animation

Jquery 第一次单击时转换不起作用

jquery html css animation

Jquery 第一次单击时转换不起作用,jquery,html,css,animation,Jquery,Html,Css,Animation,我已经创建了一个div，在单击时显示，并过渡到主体。问题是，单击时显示div，但在第二次单击转换工作时没有转换 </div> <div class="text-center contactUsTitle"> CONTACT US </div> <div id="contactUsForm"> <div class="row"> <div

我已经创建了一个div，在单击时显示，并过渡到主体。问题是，单击时显示div，但在第二次单击转换工作时没有转换

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

我有以下代码：

  <ul class="nav navbar-nav navbar-right navSelected" id="topNav">
            <li><a href="index.php" class="home"> HOME</a></li>
            <li><a href="about.php" class="about1"> ABOUT</a></li>
            <li><a href="services.php" class="service"> SERVICES</a></li>
            <li><a href="news.php" class="newsNav"> NEWS</a></li>
            <li><a href="javascript:void(0)" class="contact" id="contact"> CONTACT</a></li>


        </ul>

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

这是div代码：

<div id="contactUs" class="contactus">
<div class="text-right"><div id="close"></div>

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>


联系我们
这是怎么回事？
首选
第二选择
第三选择
第四选择
发送

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

忘了div的长代码吧，但它从第一次起就不起作用了，

只有第二次转换才能工作，感谢im advance

您的代码在加载时被触发。您必须将其绑定到菜单的单击

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

您的代码在加载时被触发。您必须将其绑定到菜单的单击

    </div>
    <div class="text-center contactUsTitle">
        CONTACT US
    </div>


    <div id="contactUsForm">

        <div class="row">
            <div class="  contactUsInputs">

                <form action="#" method="post" id="myForm">


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" name="firstName" id="firstName"
                               placeholder="First Name">

                    </div>


                    <div class="form-group">
                        <input type="text" class="form-control inputWidth" id="lastName" name="lastName" placeholder="Last Name">
                    </div>


                    <div class="form-group">
                        <input type="email" class="form-control inputWidth" name="email" id="email1"
                               placeholder="E-mail Address">
                    </div>


                    <div class="form-group">
                        <select class="form-control selectList required " id="selectList"  name="selectList"  >
                            <option value="">What is this about?</option>
                            <option value="firstchoice">first Choice</option>
                            <option value="secondchoice">second Choice</option>
                            <option value="thirdchoice">third Choice</option>
                            <option value="fourthchoice">fourth Choice</option>
                        </select>
                    </div>


                    <div class="form-group textArea1">
                        <textarea class="form-control inputWidth"  rows="10" name="about" id="about" placeholder="write your message here"></textarea>

                    </div>
                    <div class="text-right">
                        <button type="submit" class="btn learnMore send">send</button>

                    </div>
                </form>


            </div>
        </div>

    </div>
</div>

转换代码是在加载时初始化的吗？您应该在

$（window.load（）{}

事件中使用上述所有js代码，以便它可以在加载时工作。转换代码是在加载时初始化的吗？您应该在

$（window.load（）{}

事件中使用上述所有js代码，以便它可以在加载时工作