jquery changer le texte sur le problème de clic

Question

J'ai un certain nombre de marques que j'affiche, mais je veux afficher seulement le premier 5 et ai vu plus de marques de texte. J'ai tout mis en place correctement et la fonctionnalité est très bien, mais après le clic, je voudrais changer le texte de voir plus de marques pour voir moins de marques. J'ai essayé le texte interne, mais cela modifie le texte et le code HTML, donc mon bouton ne fonctionne plus.

J'apprécie toute aide.

Merci.

EDIT:

Les morebrands a le style d'affichage en ligne: none;

Answer 1

Essayez cette

$(function(){ 
    $("li.showmorebrands a").click(function(){ 
     var $this = $(this); 
     $('#morebrands').toggle('fast', function() { 
     if($('#morebrands').is(":visible")){ 
      $this.html("Show More Brands"); 
     } 
     else{ 
      $this.html("Show Less Brands"); 
     } 
     }); 
    }); 
}); 

Answer 2

Essayez:

$('#morebrands').toggle('fast', function() { $(this).text('Show less brands') }); 

Answer 3

je ferais quelque chose comme ceci:

<li style="font-size:12px; margin-left:2px;" class="showmorebrands"> 
    <a>Show More Brands</a> 
</li> 
<script type="text/javascript"> 
    $(function() { 
    var $moreBrands = $('#moreBrands'), 
     $showHideBrands = $('.showmorebrands a'); 

    $showHideBrands.click(function(event) { 
     $moreBrands.toggle(
     'fast', 
     function() { 
      $showHideBrands.text(
      $moreBrands.is(':visible') ? 'Show Less Brands' : 'Show More Brands'); 
     } 
    ); 
     event.preventDefault(); 
    }); 
    }); 
</script>