0

У меня есть что-то вроде меню. Мне нужно, чтобы при нажатии на элемент в меню из-под него выплывал текст (плавно). Я сделал так, чтобы текст появлялся резко, но меня это не устраивает и вообще мне кажется я сделал все как-то чересчур коряво. Как можно сделать все красивее и плавнее?

Код: https://codepen.io/Psoriaz/pen/abWOQdX

1 ответ 1

2

Обратите внимание, у JQuery есть готовые эффекты .slideDown, .slideUp, .slideToggle, реализующие то, что вам нужно:

$(function() {
  $('button').on('click', function() {
    $('div').slideToggle(300);
  });
});
div {
  background-color: yellow;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button>Click me</button>

<div hidden>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ultricies lectus eu feugiat tempus. Aenean nec tempor mauris. Aliquam sollicitudin pharetra dolor, in lobortis massa pharetra nec. Morbi porttitor diam id eros ullamcorper iaculis. Nulla vitae neque egestas, molestie sem non, luctus erat. Sed efficitur sem vel erat tincidunt, at luctus elit vestibulum. Cras ut dictum velit, vel pulvinar diam. Donec sed elit dolor. Integer at ex vestibulum, ultricies dolor vel, tincidunt libero.</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.