Javascript organic tabs does not work anymore WordPress

Arnav Joy answers:

did you added anything like slider or anything else when it stopped working?

---

---

webGP answers:

Hello!

Your tabs markup doesn't suit to organicTabs function, please replace content in http://www.progettobenesserecompleto.it/nonabusaredegliunderscore/wp-content/themes/twentyeleven/js/organictabs.jquery.js file with code below:


(function($) {

$.organicTabs = function(el, options) {

var base = this;
base.$el = $(el);
base.$nav = base.$el.find(".tab");

base.init = function() {

base.options = $.extend({},$.organicTabs.defaultOptions, options);

// Accessible hiding fix
$(".hide").css({
"position": "relative",
"top": 0,
"left": 0,
"display": "none"
});

base.$nav.delegate("li > h4 > a", "click", function(e) {
e.preventDefault();
// Figure out current list via CSS class
var tmp = base.$el.find("a.current").attr("href").split("#");
var curList = tmp[1];

// List moving to
$newList = $(this),

// Figure out ID of new list
tmp = $newList.attr("href").split("#");
listID = tmp[1];

// Set outer wrapper height to (static) height of current inner list
$allListWrap = base.$el.find(".content-nov"),
curListHeight = $allListWrap.height();
$allListWrap.height(curListHeight);

if ((listID != curList) && ( base.$el.find(":animated").length == 0)) {

// Fade out current list
base.$el.find("#"+curList).fadeOut(base.options.speed, function() {

// Fade in new list on callback
base.$el.find("#"+listID).fadeIn(base.options.speed);

// Adjust outer wrapper to fit new list snuggly
var newHeight = base.$el.find("#"+listID).height();
$allListWrap.animate({
height: newHeight
});

// Remove highlighting - Add to just-clicked tab
base.$el.find(".tab h4 a").removeClass("current");
$newList.addClass("current");

});

}

// Don't behave like a regular link
// Stop propegation and bubbling
return false;
});

};
base.init();
};

$.organicTabs.defaultOptions = {
"speed": 300
};

$.fn.organicTabs = function(options) {
return this.each(function() {
(new $.organicTabs(this, options));
});
};

})(jQuery);



---

---

---

---