jQuery Forum

Hello jquery forum,
hope everybody is fine.

First I have to say that jquery is used in joomla in this case. It is a function which is used to toggle the text (show/hide). The script works fine, but I wanted to replace the Read more text (here it is Weiterlesen...) by toggling down to Read less (Weniger lesen...) and backwards. Iam not absolutely sure how to handle this.
Long story short: when toggling should the text read more change to read less and also backwards.

Info (not important): Here the script takes the hr tag beacause in joomla you or another person can use in editor the button for this so it is quiete simple to use and hr is not needed in this case.

The script:

1. $(window).load(function() {
       if( $('.curmenu_477, .curmenu_481, .curmenu_516, .curmenu_517').length > 0 ) {       
           $('.cont2_box1').each(function() {           
               if( $(this).children('hr').length > 0 ) {
                   $(this).children('hr').nextUntil('.fb-like').wrapAll('<div class="readmore_custom_container" />');               
                   $(this).children('.readmore_custom_container').hide();               
                   $(this).children('.readmore_custom_container').after('<a class="readmore_custom_button" href="#" onclick="$(this).parent().children(\'.readmore_custom_container\').toggle(250);return false;">Weiterlesen...</a>');   
                   $(this).children('hr').remove();
               }           
           });       
       }   
   });
   

Beforehand thank you,
cheers
Adamf