perhaps, if you are looking to have an element shown for an indefinite
period of time, perhaps just using show() and hide() are more up your
alley.
So instead of toggle for a div, use show and hide elements. That way,
you don't have to write super functions and whatnot. That is the joy
of Jquery! Since you are clicking inside the div, you are clicking on
the div itself, you are triggering the event. Try using a separate
link or separate div to show the main information.
<a onClick="$('#mainContent').toggle();">Show Me!</a>
<div id="mainContent" style="display:none;>
Click here for more info
<a onClick="$('#info').show();">do something</a>
</div>
<div id="info" style="display:none;>blah blah blah...</div>
<script>
Hope this helps!!
On Sep 10, 10:07 am, jtibbetts <[EMAIL PROTECTED]> wrote:
> Unfortunately, adding "return false" to the link inside the "toggle"
> <div> doesn't stop the toggling. The "return false" just cancels the
> default behavior of the link (i.e. the href), but I need to cancel the
> default behavior of the parent "toggle" <div>. :\
>
> On Sep 9, 6:45 pm, FrenchiINLA <[EMAIL PROTECTED]> wrote:
>
> > to make id simple i add an 'notoggle' id to your link you can use the
> > following code:
> > $('#toggle').click(function() { alert('toggle'); });
> > $('#notoggle').click(function() { alert('No Toggle'); return
> > false; }); or if you don't want use id for the link $('#toggle a')
> > instead of $('#notoggle').
> > <div id="toggle">
> > Click here for more info
> > <a id="notoggle">do something</a>
> > </div>
>
> > On Sep 9, 12:41 pm, jtibbetts <[EMAIL PROTECTED]> wrote:
>
> > > 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)
