jQuery: Подробнее/Меньше слайдов?

Question

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

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

Начальная высота должна быть установлена ​​также через слова или высоту блока.

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

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

Answer 1

гляньте @here http://www.w3schools.com/jquery/eff_slidetoggle.asp

Answer 2

Пример вы упомянули функцию использовать тумблер(), который просто показывает или скрывает элемент (дисплей: блок/скрытый) без любой эффект.

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

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

Answer 3

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

так вместо использования:

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

попробовать

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

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

Answer 4

Поздно, но никогда, я считаю, что этот плагин очень полезен. Имеет тонны больших вариантов и очень гибкого

http://plugins.learningjquery.com/expander/

Answer 5

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

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

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