jQuery скользить вниз div - исчезает при нажатии на обратный вызов

Question

У меня есть небольшая проблема.Сделали несколько переходов вниз в div календаря, работайте хорошо, но после того, как я нажму на стрелку, чтобы изменить месяц, весь календарь исчезнет.И я не могу снова открыть календарь.

Вот рабочая версия: http://apartamentychlebiwino.eu/rezerwacja/booking-search.php?check_in=14/05/2018&check_out=15/05/2018&capacity=1&currency=PLN

Это мой код:

 $('.caleran-header').click(function(){
     $('.caleran-calendars').slideDown(1000);
     $('.caleran-header-start').addClass('kalendarz-start');
 });

Answer 1

Это потому, что встроенное свойство display:block устанавливается в текущий показанный месяц, когда мы нажимаем на заголовок ввода #caleran-header и когда мы нажимаем на стрелку предыдущего или следующего месяца, оно приносит или скользит в новом div для новый диапазон месяцев и текущий удаляются, поэтому подход, который вы использовали для скрытия календаря в начале с display:none, а также то, что при использовании календаря inline не очень хорош, вы должны показывать календарь каждый раз, когда вы измените месяцы с помощью стрелки или нажав на название месяца

Под названием месяца я подразумеваю эти разделы

он не покажет вам календарь снова, как лучше всего назвать эти две линии

в событии ondraw [function]:, которое срабатывает после перерисовки в календаре

onredraw: function(caleran){
    $('.caleran-calendars').slideDown(1000, function(){$(this).show()});
    $('.caleran-header-start').addClass('kalendarz-start');
}

Ищите здесь EVENTS

Answer 2

Календарь исчезает для этого:

.caleran-calendars{
    display:none;
}

Может быть, вам нужно показать контейнер календаря, может быть, вы можете попробовать

$('.caleran-header').click(function(){
$('.caleran-calendars').slideDown(1000, function(){$(this).show()});
$('.caleran-header-start').addClass('kalendarz-start');
});