CodingForums.com - toggle() more or less [text]

Hello All,

I am trying to find some help on using prototype/scriptaculous toggle()

Code:

<div>

Initial Text of the paragraph

<div style="display: none;" id="jan1">

    whatever more text i want to show.

</div>



<a href="javascript:void(0);" onClick="showHide('do_more_less','jan1'); return false;"><span id="do_more_less">More</span></a>



</div>

here is the JS

Code:

function showHide(id, iShow)

{

        var id = id;

        var iShow = iShow;

        var moreLess = document.getElementById(id).innerHTML;

        moreLess = (moreLess == "More") ? "More" : "Less";

        Element.toggle(iShow);

}

now what im trying to do is....have the opening text (which if there is an easier way, please let me know)...when you click on 'more' it will toggle the ID to display it (simple enough), BUT....i want the word 'more' to change to 'less'

any help would be appreciated.