39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
( function() {
|
|
|
|
/* ====== Tabs ====== */
|
|
|
|
// Hides the tab content.
|
|
jQuery( '.members-tabs .members-tab-content' ).hide();
|
|
|
|
// Shows the first tab's content.
|
|
jQuery( '.members-tabs .members-tab-content:first-child' ).show();
|
|
|
|
// Makes the 'aria-selected' attribute true for the first tab nav item.
|
|
jQuery( '.members-tab-nav :first-child' ).attr( 'aria-selected', 'true' );
|
|
|
|
// When a tab nav item is clicked.
|
|
jQuery( '.members-tab-nav li a' ).click(
|
|
function( j ) {
|
|
|
|
// Prevent the default browser action when a link is clicked.
|
|
j.preventDefault();
|
|
|
|
// Get the `href` attribute of the item.
|
|
var href = jQuery( this ).attr( 'href' );
|
|
|
|
// Hide all tab content.
|
|
jQuery( this ).parents( '.members-tabs' ).find( '.members-tab-content' ).hide();
|
|
|
|
// Find the tab content that matches the tab nav item and show it.
|
|
jQuery( this ).parents( '.members-tabs' ).find( href ).show();
|
|
|
|
// Set the `aria-selected` attribute to false for all tab nav items.
|
|
jQuery( this ).parents( '.members-tabs' ).find( '.members-tab-title' ).attr( 'aria-selected', 'false' );
|
|
|
|
// Set the `aria-selected` attribute to true for this tab nav item.
|
|
jQuery( this ).parent().attr( 'aria-selected', 'true' );
|
|
}
|
|
); // click()
|
|
|
|
}() );
|