JQuery: Trabalhando com slideToggle()

<script type="application/javascript">
$(document).ready(function() {
  $("button").click(function(){
    var elem = $(this);
    $('.detalhes').slideToggle('slow', function() {
       if ($(this).is(":visible")) {
         elem.text('ocultar detalhes');                
       } else {
         elem.text('mostrar detalhes');                
       }        
    });
  });
});
</script>

<script type="application/javascript"> $(document).ready(function() { $("button").click(function(){ var elem = $(this); $('.detalhes').slideToggle('slow', function() { if ($(this).is(":visible")) { elem.text('ocultar detalhes'); } else { elem.text('mostrar detalhes'); } }); }); }); </script>

<style type="text/css">
button.mais-detalhes{ 
  cursor:pointer;
}
p.detalhes{ display:none; padding: 5px; margin-top:10px; }
</style>
  <button class="mais-detalhes">mostrar detalhes</button>
  <p class="detalhes">Texto a ser mostrado e escondido ao clicar no botão.</p>

<style type="text/css"> button.mais-detalhes{ cursor:pointer; } p.detalhes{ display:none; padding: 5px; margin-top:10px; } </style> <button class="mais-detalhes">mostrar detalhes</button> <p class="detalhes">Texto a ser mostrado e escondido ao clicar no botão.</p>