Script.js - Ganpatkakar/Custom-Tabs-Accordion GitHub Wiki
$(document).ready(function(){
/* Tabs jQuery Onload keep open the first Tab/
$(window).on('load', function(){
var firstlink = $('.tablinks .tab li a').attr('href');
$('.tabcon '+ firstlink).show().siblings().hide();
$('.tablinks .tab li').first().addClass("active").siblings().removeClass("active");
});
/Onclick open clicked tab and close other tabs/
$('.tablinks .tab a').on('click', function(e){
var curretattrvalue = $(this).attr('href');
//Show and Hide tab contents as per click
$('.tabcon '+curretattrvalue).show().siblings().hide();
$(this).parent('li').addClass("active").siblings().removeClass("active");
e.preventDefault();
})
/*Accordions Jquery On load keep open the first accordion/
$(window).on('load', function(){
var firstlink = $('.accordian-section a').attr('href');
$('.accordian-section '+firstlink).slideDown(300);
});
/*Onclick open other accordion and close current open accordion */
$('.accordian-section a').on('click', function(e){
var curretattrvalue = $(this).attr('href');
//Show and Hide tab contents as per click
$('.accordian-section .content').slideUp(300);
if ($('.accordian-section '+curretattrvalue).is(':visible')){
$('.accordian-section '+curretattrvalue).slideUp(300);
}else {
$('.accordian-section '+curretattrvalue).slideDown(300);
}
e.preventDefault();
})
});