切换按钮似乎不起作用？

Question

嗨，我确定我已经按照教程中的说明正确编写了这段代码。 我希望点击 #booking-button 应该“切换”#btn 元素消失。 本质上是一个包含有关汽车信息的框，当用户单击“单击此处预订”时，它应该打开表单。 但由于某种原因，它没有。 我认为这可能与 CSS 有关系，但我不确定。

关于这个的任何提示？

          <div class="form-wrapper">
                <form action="#">
                    <label for="name">Name*</label>
                    <input placeholder="Your Name" class="full" type="text"id="name">
                    <br>
                    <label for="email">Email</label>
                    <input placeholder="Your Email" class="full" type="text"id="name">
                    <br>
                    <label for="hire-start-date">Hire Start Date</label>
                    <input type="date" id="depart">
                    <br>
                    <label for="hire-end-date">Hire End Date</label>
                    <input type="date" id="depart">
                    <br>
               
                    <button class="book-now">Book Now</button>
                </form>
            </div>

            <div class="car-info" id="btn">  
                <button id="booking-button">Click Here to Book</button>

            </div>
        </div>

$(document).ready(function() {

    $('#booking-button').on('click', () => 
    { $('#btn').toggle(); });

});

Answer 1

现在，当用户单击Click Here to Book ，表单出现，而此按钮消失。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="form-wrapper"> <form action="#" id="car-info" style="display: none;"> <label for="name">Name*</label> <input placeholder="Your Name" class="full" type="text"id="name"> <br> <label for="email">Email</label> <input placeholder="Your Email" class="full" type="text"id="name"> <br> <label for="hire-start-date">Hire Start Date</label> <input type="date" id="depart"> <br> <label for="hire-end-date">Hire End Date</label> <input type="date" id="depart"> <br> <button class="book-now">Book Now</button> </form> </div> <div id="btn"> <button id="booking-button">Click Here to Book</button> </div> <script> $(document).ready(function() { $('#booking-button').on('click', () => { $('#car-info').toggle(); $('#btn').toggle(); }); }); </script>