Question

I would like to make my active tab unclickable, but i don’t know how to modify this code below:

function initTabs(){
jQuery('ul.tabset').each(function(){
    var _list=jQuery(this);
    var _links=_list.find('a.tab');
    _links.eq(0).addClass('active');
    _links.each(function(){
        var _link=jQuery(this);
        var _href=_link.attr('href');
        var _tab=jQuery(_href);
        if(_link.hasClass('active'))_tab.css({"opacity":1,"display":"block"});
        else _tab.css({"opacity":0,"display":"none"});
        _link.click(function(){
            _links.filter('.active').each(function(){
                jQuery(jQuery(this).removeClass('active').attr('href')).animate({"opacity":0},000,function(){
                    jQuery(this).css({"display":"none"});_link.addClass('active');
                    _tab.css({"display":"block"}).animate({"opacity":1})})
            });
            return false
        })
    })

})
}

Thank you so much for your help.

EDITTED with answer:

I know the answer now from Make a link unclickable once it has been clicked – jquery

I made changes to the code above, and now it works!

function initTabs(){
jQuery('ul.tabset').each(function(){
    var _list=jQuery(this);
    var _links=_list.find('a.tab');
    _links.eq(0).addClass('active');
    _links.each(function(){
        var _link=jQuery(this);
        var _href=_link.attr('href');
        var _tab=jQuery(_href);
        if(_link.hasClass('active'))_tab.css({"opacity":1,"display":"block"});
        else _tab.css({"opacity":0,"display":"none"});
        _link.click(function(){
            if($(this).hasClass('active')){
                return false;
            } else {
                _links.filter('.active').each(function(){
                    jQuery(jQuery(this).removeClass('active').attr('href')).animate({"opacity":0},000,function(){
                        jQuery(this).css({"display":"none"});_link.addClass('active');
                        _tab.css({"display":"block"}).animate({"opacity":1})})
                });
            }   
            return false
        })
    })

})

}

Answer 1

I know the answer now from Make a link unclickable once it has been clicked – jquery

I made changes to the code above, and now it works!

function initTabs(){
jQuery('ul.tabset').each(function(){
    var _list=jQuery(this);
    var _links=_list.find('a.tab');
    _links.eq(0).addClass('active');
    _links.each(function(){
        var _link=jQuery(this);
        var _href=_link.attr('href');
        var _tab=jQuery(_href);
        if(_link.hasClass('active'))_tab.css({"opacity":1,"display":"block"});
        else _tab.css({"opacity":0,"display":"none"});
        _link.click(function(){
            if($(this).hasClass('active')){
                return false;
            } else {
                _links.filter('.active').each(function(){
                    jQuery(jQuery(this).removeClass('active').attr('href')).animate({"opacity":0},000,function(){
                        jQuery(this).css({"display":"none"});_link.addClass('active');
                        _tab.css({"display":"block"}).animate({"opacity":1})})
                });
            }   
            return false
        })
    })

})

}