Jquery how to toggle a text change on anther div
<p>When clicking on the bottom link of the accordian I would to change the text on the top link.</p>

<p>Currently the text on the top link only changes when the top link is clicked.</p>

<p>below is my jquery</p>

<pre><code>$(document).ready(function () {
    // choose text for the show/hide link - can contain HTML (e.g. an image)
    var showText = 'Hide Information';
    var hideText = 'Show Information';

    // initialise the visibility check
    var is_visible = false;

    // append show/hide links to the element directly preceding the element with a class of "toggle"
    $('.collapseLink').append('&lt;span class="dottedBot"&gt;' + showText + '&lt;/span&gt;');

    // hide all of the elements with a class of 'toggle'
    $('.revealBoxContents').show();

    // capture clicks on the toggle links
    $('a.collapseLink').click(function () {
        // switch visibility
        is_visible = !is_visible;

        // change the link depending on whether the element is shown or hidden
        $(this).html((!is_visible) ? showText : hideText);

        // toggle the display - uncomment the next line for a basic "accordion" style
        //$('.toggle').hide();$('a.toggleLink').html(showText);
        $(this).parent().next('.revealBoxContents').slideToggle('slow');

        // return false so any link destination is not followed
        return false;
    });

    // toggle the bottom link
    $('.collapseLink').click(function () {
        $(this).parents('.revealBoxContents').stop(true, true).slideToggle('slow');
    });
});
</code></pre>

<p>And here is the URL</p>

<p><a href="http://satbulsara.com/NSJ-local/eqs1.htm" rel="nofollow">http://satbulsara.com/NSJ-local/eqs1.htm</a></p>

<p>Would love to know how to do this.</p>

<p>Thanks,</p>

<p>Sat</p>
