Question

In a page I have few tabs and I was asking if its possible to enable disable that function of the tabs with a toggle click.

The tabs code looks like:

jQuery('.tabs a').click(function() {

    var ref = jQuery(this).attr('href').split('#')[1];
    jQuery('div.tab_content:not(#' + ref + ')').hide();
    jQuery('#' + ref).fadeIn();
    return false;
});

For the toggle I use: http://papermashup.com/demos/ajax-switch/

Sorry if I am not able to post a link. It is a simply iPhone style toggle switch.

Thanks alot

Answer 1

from what i understand you meen something like that ?:

//global variable you can change it anywhere 
var disable_function = false;


jQuery('.tabs a').click(function() {
    if (!disable_function ){
      var ref = jQuery(this).attr('href').split('#')[1];
      jQuery('div.tab_content:not(#' + ref + ')').hide();
      jQuery('#' + ref).fadeIn();
      return false;
    }
});

EDIT :

var disable_function = false;


jQuery('.tabs a').click(function() {
    if (!disable_function ){
      disable_function = true;
      var ref = jQuery(this).attr('href').split('#')[1];
      jQuery('div.tab_content:not(#' + ref + ')').hide();
      jQuery('#' + ref).fadeIn();
      return false;
    }
});

above code will execute this function only once