jQuery: Читать дальше / меньше слайд-тоггл?

Question

Я после простого переключения слайдов для ссылки на чтение больше, чем при расширении ссылки на чтение.

Точно так же, как это , но нужно скользить вниз, а не просто выглядеть так.

Необходимо также установить начальную высоту, будь то с помощью слов или высоты поля.

Любые идеи, это довольно просто достичь?

Спасибо за любую помощь:)

Answer 1

Это просто, но эффективно.

$(".button").click(function(){
  var moreAndLess = $("p").is(':visible') ? 'More' : 'Less';
  $(this).text(moreAndLess);

  $("p").slideToggle();
});

Answer 2

Вы можете использовать встроенные функции jquery для .slide () или animate ()

, поэтому вместо использования:

$('#someElement').html('some content');

try

$('#someElement').html('some content').slideDown(some speed ie 600);

youсначала нужно скрыть (то есть отобразить: нет) область содержимого.возможно, оберните содержимое в div с идентификатором / классом и установите его для отображения: none

Answer 3

В приведенном вами примере используется функция toggle (), которая просто показывает или скрывает элемент (display: block / hidden) без какого-либо эффекта.

Вы должны использовать функцию slideToggle (), которая делает то же самое, но с эффектом скольжения.

$("button").click(function(){
  $("p").slideToggle();
});