Ползунок не загружается, когда скрытый div появляется/отображается

Я работаю с Joomla 2.5, и я использую это здесь: http://www.code7.co.uk/joomla-responsive-slider

Моя тема - одиночный пейджер. Если я нажму на элемент навигации, javascript просто затухает один div и исчезает в другом div. Проблема в том, что если я переключаю divs, слайдер больше не включается. Только когда я перезагружаю страницу. Ползунок загружается следующим образом:

Он загружается каждый раз под контейнером слайдера div. Я уже пытался удалить код из модулей и только загружать слайдер один раз. Это сработало, но не было, если я переключил div.

Вопрос: Как я могу "перезагрузить" ползунок, когда я переключаю div?Я пытался с.reload() в окне, но тогда вся анимация fadein и out ничего не стоит, и я хочу сохранить ее!

Вот как я меняю:

function changeSection(section) {
 if(activeSection != section) {
 $('#'+activeSection).fadeToggle("slow");
 $('#'+section).delay(500).fadeToggle("slow");

 $('#menu-'+activeSection).removeClass('active');
 $('#menu-'+section).addClass('active');

 document.title = activeSectionTitle;
 history.pushState({}, '', section);

 activeSection = section;
 }
}
1 ответ

Попробуйте (обновлено)

$(document).ready(function () {
 $("div:not(:first)").hide(0);
 var toggletwo = function (i) {
 $("div:not(:nth-of-type(" + i + "))").fadeOut(125, function () {
 $(this).siblings("div").fadeIn(250)
 })
 };
 $("li a").on("click", function (e) {
 return ($(e.target).is("a:first") ? toggletwo(1) : toggletwo(2)) 
 });
});

jsfiddle http://jsfiddle.net/guest271314/68k7F/

licensed under cc by-sa 3.0 with attribution.