2011-06-25 6 views
2

Nous utilisons Quicksand (le plug-in triables filterbale sables mouvants)modifier le texte du bouton onclick

de Anyhoo ..

En dehors des filtres normaux, pour lancer l'animation des sables mouvants. Nous pouvons également afficher les < li> en utilisant un petit sélecteur de mise en page.

Le code qui est:

<!-- layout switcher --> 
    <div id="layoutSwitcher"> 
     <a id="buttonsend" class="notsosmall pink button">More Info</a> 
    </div> 
    <!-- /end layout switcher --> 

Mais ma question est si actif que je veux afficher moins d'information.

En état normal à afficher Plus d'informations.

Je suis certain que nous pouvons le faire en utilisant jQuery

Le jQuery pour contrôler le commutateur est:

jQuery('#layoutSwitcher a').myPortfolioLayoutSwitcher({ 
    show_switcher: true, 
    full_width_layout: false 
}); 

Donc, ma question est tout simplement .. peut-on modifier le texte du bouton onclick pour afficher moins d'infos ou plus d'infos si nécessaire.

mon

Répondre

4

Easy Peasy. Vous avez juste besoin de basculer entre deux travées de texte.

<a id="buttonsend" class="notsosmall pink button"> 
    <span>More Info</span> 
    <span style="display:none">Less Info</span> 
</a> 

et certains JS

$('a#buttonsend').click(function() { 
    $('span',this).toggle(); 
}); 

voir travailler ici: http://jsfiddle.net/m9zxx/

+0

Parfait merci :) ont changé d'abord $ à jQuery, c'est correct n'est-ce pas? – 422

+1

Oui, $ et jQuery sont interchangeables. Si vous utilisez une autre bibliothèque en plus de la bibliothèque, il est préférable d'utiliser jQuery plutôt que $ – wesbos

2

En supposant que le plugin fonctionne comme méthode de bascule inhérente jquery, bascule devrait fonctionner.

jQuery('#layoutSwitcher a').myPortfolioLayoutSwitcher({ 
    show_switcher: true, 
    full_width_layout: false 
}).toggle(
    function(){jQuery(this).html('show less');}, 
    function(){jQuery(this).html('show more');}); 
+0

Merci :) c'est génial – 422

Questions connexes