jQuery slideToggle()

More!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

<p id="showme">Show more please!</p>
<div id="lorem">
    <h2>More!</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh 
    ...
</div>

<script type="text/javascript">
$(document).ready(function(){
    // if javascript is not enabled, no toggle is possible: 
    // the More-text is visible by default, and "Show more please!" is hidden by default.

    // if javascript is enabled, "Show more please!" has to be visible:
    var showme=document.getElementById('showme');
    showme.style.display="block";

    // if javascript is enabled, More-text has to be invisible before the toggle is clicked:
    var lorem=document.getElementById('lorem');
    lorem.style.display="none";
    
    // now attach the click function:
    $("#showme").click(function(){
        // first the toggle slider:
        $("#lorem").slideToggle(500);

        // then the toggle of the #showme text:
        if (showme.innerHTML=="Show more please!"){
            showme.innerHTML="Hide more please!";
        }
        else { 
            showme.innerHTML="Show more please!";
        }
    });
});
</script>