Плавный переход между вкладками на jQuery

Все блоги / DLE движок для сайтов 6 февраля 2013 0

http://dimox.name/universal-jquery-tabs-script/

Использую этот скрипт вкладок сделанных на jQuery. Вкладки обычно разного размера, к примеру если текста мало высота 100px если много то 500px. Хотелось бы что бы при переключении вкладок был плавный переход по вертикали, то есть при переходе с меньшей вкладки (100px) плавно скользя в низ она увеличилась до 500px (размер большей вкладки). И наоборот, при переходе с большей вкладке на меньшую, низ плавно скользил в верх. Надеюсь понятно обьяснил:)
К сожалению еще не обладаю знаниями по jQuery, по этому прошу помочь.
Скрипт вкладок

Показать / Скрыть текст

(function($) {
$(function() {

  $('ul.tabs').delegate('li:not(.current)', 'click', function() {
    $(this).addClass('current').siblings().removeClass('current')
      .parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
  })

})
})(jQuery)

Заранее спасибо.

Источник:dle-faq.pro, DLE

предыдущая статья

следующая статья

Похожие публикации

Размещение доп. полей

Здраствуйте, помогите пожалуйста перенести доп поля, чтобы они находились правее картинки.(синее поле в красном) Вот как оно выглядит сейчас. Показать / Скрыть текст Код стиля

подробнее »

13 февраля 2014

Не работает форма обратной связи

У меня есть форма обратной связи HTML+JS+PHP, но она не работает. Почему? Письмо не отправляется, сообщения mail sent даже нету html <form id="contact-form" class="contact-form"> <div class="success">Contact form submitted!<strong><br>

подробнее »

6 ноября 2012

Как изменить или добавить эффект переключения Слайдера ?

javascript //Header slider ;(function($) { $.fn.featureList = function(options) { var tabs = $(this); var

подробнее »

15 марта 2014

Как изменить или добавить эффект переключения Слайдера ?

javascript //Header slider ;(function($) { $.fn.featureList = function(options) { var tabs = $(this); var

подробнее »

16 марта 2014

Подскажите пожалуйста в чем проблема?

Появилась вот такая ошибка : Fatal error: Call to undefined function userrating() in /engine/modules/profile.php on line 463 Код ниже что нужно править: Показать / Скрыть текст [code]<?php /* ===================================================== DataLife Engine - by SoftNews Media Group

подробнее »

21 августа 2013

jQuery Tooltip (Всплывающая подсказка)

Есть два скрипта, в одном есть функция так сказать переворачивания всплывающей подсказки возле края дисплея, но скрипт большой, и второй скрипт поменьше но без этой функции. Как можно с первого скрипта добавить эту функцию во второй? СКРИПТ С ФУНКЦИЕЙ /* * jQuery Tooltip plugin 1.3 * *

подробнее »

13 января 2012