jQuery .toggle () не работает при попытке прокрутить вниз и открыть div из тега привязки - PullRequest
Новая
       17

jQuery .toggle () не работает при попытке прокрутить вниз и открыть div из тега привязки

0 голосов
/ 30 сентября 2019

У меня есть div, который содержит форму внизу веб-страницы. Когда вы нажимаете на ссылку в верхней части веб-страницы, она прокручивается вниз к этому разделу, и она должна открыться. Вы можете увидеть его на промежуточном сервере здесь, в разделе «Предстоящая поездка», где написано «Нажмите здесь, чтобы запросить частный или открытый тур» * https://staging.chinahiking.cn/great-wall-camping/gubeikou-jinshanling-simatai-great-wall-camping/

Вот структура html: 

<div class="request-tour-scroll-container">
    <p class="loca_next_date">Don't see the date you want?</p>
    <p class="request-tour-scroll">
    <a href="#show" id="scroll-and-open" class="scroll">Click here to request a private or open tour.</a>
    </p>
</div>

<div id="show" class="wrapper form-container">
    <p class="show-container">Planning a trip ahead or want a private tour?<i class="fas fa-chevron-double-down"></i></p>
    <div class="private-open-tour-container wrapper" id="tour-option-section">
        Form is inside here
    </div>
</div>

И вот мой код jquery 

jQuery(document).ready(function(){
    jQuery('#scroll-and-open').click(function() {
      jQuery('#tour-option-section').toggle("slide");
    });
});

У меня также есть этот другой фрагмент кода над ним, так что div открывается при нажатии .show-container, и это работает. Может ли это быть причинойпроблема? 

jQuery(document).ready(function(){
    jQuery('.show-container').click(function() {
      jQuery('#tour-option-section').toggle("slide");
    });
});
...