update url with jquery show/hide function

Question

New to jquery. I'm trying to show/hide function with link, but its not working completely. is it loading problem? I need

<a href='127.0.0.1/example/1' class='show_hides1'>click me</a>

Not

<a href='javascript:void(0);' class='show_hides1'>click me</a>

have any Idea? Suppose, I stay in 127.0.0.1/example and I need to go 127.0.0.1/example/1 and steel need show/hide. both page has my hide content. how can I do that?

IOW, you want to update the URL to a shown/hidden version of the page when the user clicks that thing, but without actually reloading the page? — AdamKG
– AdamKG, Commented Aug 4, 2013 at 19:36

Ian Clark · Accepted Answer · 2013-08-04 19:25:58Z

1

To show/hide elements using jQuery, use the following:

$(document).ready(function() {
    $(".show_hides1").click(function() {
        $("<somethingtoshoworhide>").toggle();
    });
});

Also, remove the href entirely, or also add return false; to the end of your click function so that it does visit the specified href page.

answered Aug 4, 2013 at 19:25

Ian Clark

9,3774 gold badges36 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Seano666 Over a year ago

Well said, I personally would create a CSS class with only display:hidden and then use jQuery toggleClass in the event handler.

Ian Clark Over a year ago

Yeh, I'm kind of with you in that camp in all fairness, I love a good .hidden class over inline-styling :)

Collectives™ on Stack Overflow

update url with jquery show/hide function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related