Search jQuery

jQuery Forum

Tabs Bookmarked with Direct Link

in Getting Started • 7 years ago

Hello, thanks for any and all help. My jquery tabs code is below. I need to add the ability for tabs to be directly linked from outside pages to the hashed url.

    jQuery(document).ready(
    function
    () {

        
    jQuery(
    '.tabs
      .tab-links a'
    ).on(
    'click'
    , 
    function
    (e)  {

            
    var
      currentAttrValue
      = jQuery(
    this
    ).attr(
    'href'
    );
 

            
    //
      Show/Hide Tabs

            
    jQuery(
    '.tabs
    ' + currentAttrValue).show().siblings().hide();
 

            
    //
      Change/remove current tab to active

            
    jQuery(
    this
    ).parent(
    'li'
    ).addClass(
    'active'
    ).siblings().removeClass(
    'active'
    );
 

            
    e.preventDefault();

        
    });

    });

Replies(4)

jakecigar

Re: Tabs Bookmarked with Direct Link

7 years ago

Please make a demo with your code properly formatted. What you posted is illegible.

Include the HTML and whatever CSS you are using.

You can use any demo site. Like http://jsfiddle.net or http://plnkr.co .

JΛ̊KE

AndrewA

Re: Tabs Bookmarked with Direct Link

7 years ago

Thanks for the reply Jake. You can see a Jfiddle here with an example. What I am looking for is each tab able to be linked to the page with the associated tab open. As of right now the default tab opens regardless of which tab hash is being linked to.

jakecigar