Question

I have a page in which there are multiple hrefs. i want to find out which href is clicked and based on that href click I want to show and hide a div?

Answer 1

I’m going to assume you have control over the href’s here and you want to have the simplest markup possible, in that case you can do something like this:

<a href="#div1">Toggle Div 1</a>
<a href="#div2">Toggle Div 2</a>

<div id="div1" class="toggleDiv">Div 1 Content</div>
<div id="div2" class="toggleDiv">Div 2 Content</div>

Then to open/toggle a div based on the href, or more specifically the hash property, you can do this:

$("a").click(function() {
    $(".toggleDiv").not(this.hash).hide();
    $(this.hash).toggle('fast');
});​​​

This toggles the corresponding <div> with the matching ID == href minus the hash and hides the other <div> elements if that’s what you’re after…you do this by just giving them a common class and hide all those except the one related to the current link.

You can view a demo here to see if it’s what you’re after.