Jquery анимация высоты при нажатии удаляет элемент - PullRequest
Новая
       58

Jquery анимация высоты при нажатии удаляет элемент

0 голосов
/ 06 ноября 2019

Я хочу изменить размер div от 100% до 50% от высоты div. но когда я нажимаю на кнопку, div оживляет, но скрывает. и когда я нажимаю снова, div возвращается к размеру 100%.

я хочу, чтобы при нажатии на кнопку размер div изменялся до 50%. затем я нажимаю снова, он может изменить размер до 100%, это пример кода. 

$("#abc").click(function () {
    $(".main-footer").slideToggle("slow");
    $('#map').toggle(function () {
        $(this).animate({
            height: "500px"
        }, 200);
    }, function () {
        $(this).animate({
            height: "100%"
        }, 200);
    });
});

1 Ответ

0 голосов
/ 06 ноября 2019

Toggle функция скрыть / показать элемент. Вы должны проверить высоту div и выполнить действие на его основе.

HTML-код 

 <div id="map" style="height:100px;background-color:red">Sample div</div>
 <input type="button" id="abc" value="ABC">

JS 

$("#abc").click(function () 
{
     s = $('#map').css('height');
     if(s == '100px')
     {
        $('#map').animate({
           height: "50px"
        }, 200);
     }
     else
     {
         $('#map').animate({
             height: "100px"
         }, 200);
     }
});
...