Скользящая панель JQuery снизу вверх - PullRequest
Новая
       34

Скользящая панель JQuery снизу вверх

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

Я планирую добавить в меню скользящей панели внутри моего адаптивного веб-сайта, в настоящее время я использую это https://www.jqueryscript.net/demo/Creating-A-Simple-Sliding-Panel-with-jQuery-CSS-slideupdown/#. Как я могу заставить его скользить снизу вверх

1 Ответ

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

JQuery имеет метод slideToggle ().Например: 

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
#panel, #flip {
  padding: 5px;
  text-align: center;
  background-color: #e5eecc;
  border: solid 1px #c3c3c3;
}

#panel {
  padding: 50px;
  display: none;
}
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
 
<div id="flip">Click to toggle the panel</div>
<div id="panel">Hello world!</div>

</body>
</html>
...