[jQuery] Cancel .toggle() when a link is clicked
How do you stop .toggle() from toggling an object when a link (or any
object) inside the object is clicked.
Here's a quick contrived example:
<div id="toggle">
Click here for more info
<a onClick="DoSomething();">do something</a>
</div>
<div id="info">blah blah blah...</div>
<script>
$("#toggle").toggle(
function () {
$("#info").show();
},
function () {
$("#info").hide();
}
);
</script>
Clicking on the "toggle" <div> toggles the "info" <div>. If the "do
something" link is clicked, the "toggle" <div> will toggle *and*
DoSomething() will be called. I want to be able to click the "do
something" link and only have DoSomething() trigger but not cause the
<div> to toggle. Is this possible?
(Forgive the code if it's wrong, but I just whipped it up on the fly)