[jQuery] Re: Toggle link Needs to Be UNDERNEATH!!!

Wed, 30 Dec 2009 06:19:14 -0800 

Hi Rick,

Thanks for your help...

I made it really simple.

Take a look at this:

<!DOCTYPE html>
<html dir="ltr" lang="en-CA">
<script src="/src/js/jquery/core/jquery-1.3.2.min.js" type="text/
javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
        $('.SomeOtherClass').hide();
        $('a.SomeClass').click(function()
        {
                $(this).prev('div.SomeOtherClass').slideToggle(400);
                $(this).text($(this).text() == 'More Details' ?
'Close' : 'More Details');
                return false;
        });
});

</script>




<body>

                        <div class="SomeOtherClass"> foo </div>
        <div><a href="#" class="SomeClass">More Details</a></div>





                <div class="SomeOtherClass"> foo </div>
        <a href="#" class="SomeClass">More Details</a>

                <div class="SomeOtherClass"> foo </div>
        <a href="#" class="SomeClass">More Details</a>

                <div class="SomeOtherClass"> foo </div>
        <a href="#" class="SomeClass">More Details</a>

                <div class="SomeOtherClass"> foo </div>
        <a href="#" class="SomeClass">More Details</a>

                <div class="SomeOtherClass"> foo </div>
        <a href="#" class="SomeClass">More Details</a>




</body>
</html>

Reply via email to