how to create a link to a specific tab?

Question

I am trying to create a link like this page1.html#section1, page2.html#section2 etc., but these link not working

Associated code

function showSection( sectionID ) {
    $('div.section').css( 'display', 'none' );
    $('div'+sectionID).css( 'display', 'block' );
}
$(document).ready(function(){
    if (
        $('ul#verticalNav li a').length &&
        $('div.section').length
    ) {
        $('div.section').css( 'display', 'none' );
        $('ul#verticalNav li a').each(function() {
            $(this).click(function() {
                showSection( $(this).attr('href') );
            });
        });
        $('ul#verticalNav li:first-child a').click();
    }

});

hi code is working, I need to create link like following example: http://jsfiddle.net/bala2024/x9ypj/thispage.html#section2 is it possible.. — user2913707, Oct 25 '13 at 04:45
It would be really bad if i answer this after this much good answers on this topic you must refer this link and that's all you get it http://stackoverflow.com/questions/680785/on-window-location-hash-change — Just code, Oct 25 '13 at 04:56
plz could you check my demo link: http://jsfiddle.net/bala2024/x9ypj/ — user2913707, Oct 25 '13 at 08:12

score 0 · Answer 1 · edited May 23 '17 at 12:28

0

Take a look at this thread:

On - window.location.hash - Change?

Can't take credit for it, but you will find your answer in that thread (also mentioned in the comments).

You have to make a function that checks on every hash change like so:

$(window).on('hashchange', function() {
  .. work ..
});

All credits go to the person in the thread I gave you.

edited May 23 '17 at 12:28

Community

1
1

answered Oct 25 '13 at 13:06

Billy

1,104
8
22

hi billy, can I use following source for this function.. – user2913707 Oct 26 '13 at 00:30

how to create a link to a specific tab?

Section I

Section II

Section III

1 Answers1