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

Kane 06.02.2013 вкладки, jQuery, плавный переход Все вопросы » jQuery 6787

вопрос

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)

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

Ответа пока нет

6 комментариев

Юзер

324

TheImDim - 2015-03-256 февраля 2013 19:47 - #11430

Присвоить переменной высоту элемента, затем при переходе использовать анимацию animate.

Юзер

iwanowi4 - 2015-03-257 февраля 2013 08:01 - #11449

(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(1500).siblings('div.box').hide(1500);})})})(jQuery)

Пробовали вот так?

Юзер

105

Kane - 2015-03-257 февраля 2013 15:24 - #11455

Спасибо за ответ, но это немного не то
При переходе на другую вкладку, вторая вкладка появляется под первой, затем первая съезжает влево и исчезает. Выглядит очень стремно

Юзер

iwanowi4 - 2015-03-257 февраля 2013 21:17 - #11461

Цитата: Kane

очень стремно

Тогда Вам нужно заменить скрипт табов... dimox изобрёл велосипед, и сам этого не скрывает...

Юзер

105

Kane - 2015-03-258 февраля 2013 00:47 - #11463

Они все одинаковые, исполнение немного разное и все, одни более лаганые другие менее... В общем спасибо и на этом

Юзер

iwanowi4 - 2015-03-258 февраля 2013 16:47 - #11475

Цитата: Kane

Они все одинаковые...

это далеко не так, есть табы с кучей настроек и эффектов (только нужны ли они?). Этот максимально урезан и не требует подгрузки дополнительных скриптов... Насчёт лагов, так и многие другие скрипты часто лагают и не уживаются вместе, хотя на демо работают отлично. Вот ещё один вариант, вполне себе "плавно скользя"...

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

Все другие варианты возможны только при обращении к специалистам в Столе заказов.

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст