comment agrandir le texte en cliquant sur lire la suite un bouton ou un lien?

J'ai une fonction js qui permet de basculer entre les deux travées de textes. L'un est plus petit texte avec la classe s'est effondré et l'autre est plein texte avec la classe élargi.

voici mon js

$(document).ready(function() {
    $(".expanded").hide();

    $(".expanded, .collapsed").click(function() {
        $(this).parent().children(".expanded, .collapsed").toggle();
    });
});

et mon html ressembler à ceci

<span class="collapsed">
 some small text
 <a href="javascript:void(0)"> READ MORE>></a>
</span>

<span class="expanded">
 here come the full text to replace the small text
 <a href="javascript:void(0)">Less>></a>
</span>

La fonction de préréglage, remplace le texte d'une partie avec un autre. Mon problème est que lorsque l'on clique sur une quelconque partie de durée réduite ou étendue, le texte est modifié. Je veux restreindre à modifier le texte seulement lorsque l'on a cliquez sur LIRE la suite>> ou Moins>> lien. Je suis allé jusqu'à cette conception que je ne peux pas modifier la fonction maintenant. J'ai envie de changements, tout en restant dans le présent de la fonction. Des idées??

Lorsqu'il est étendu, où est le texte intégral ajoutée? en l'espace après la balise ?
Le texte complet est ajouté dans la durée avant de le lien.
droit maintenant, la fonction est d'élargir le texte en cliquant n'importe où dans la durée de effondré sur le lien ou sur le texte. c'est le problème que j'ai envie de le restreindre sur le lien seulement.

InformationsquelleAutor Muhammad Kamran | 2014-12-25

2
```
$(document).ready(function() {
    $(".expanded").hide();

    $(".expanded a, .collapsed a").click(function(eve) {
        eve.preventDefault();
        $(".expanded, .collapsed").toggle();
    });
});
```
violon

Mise à JOUR

Pour résoudre le problème lié à la les postes.
```
$(document).ready(function() {
    $(".expanded").hide();

    $(".expanded a, .collapsed a").click(function(eve) {
        var $container = $(this).parents("div");
        eve.preventDefault();
        $container.children(".expanded, .collapsed").toggle();
    });
});
```
violon

Notez que ce code prend pour acquis que les extensions sont contenus dans un div (changer le cas contraire).

Espère que ça aide ou au moins vous donne quelques idées.

Salutations.
- Parfait! Merci frère.. c'est ce que je cherchais. Et merci surtout de m'aider le jour de Noël, je n'attendais pas de réponse aujourd'hui..lol.. merci beaucoup
- désolé, il y a encore des problèmes de décision. maintenant, il permet de développer tous les postes ayant élargi classe avec eux. J'ai au moins 5 à 10 postes qui ont cette structure, pour qu'ils s'est développée et s'est effondré lorsque le lien est cliqué.
- Salut à tous, veuillez vérifier la mise à jour, je pars pour un moment (je dois sortir le chien LOL) de toute façon, j'espère que ça aide
- ouais maintenant c'est fait.. je vous remercie beaucoup.
InformationsquelleAutor acontell
2

Vous pouvez utiliser Readmore.js
```
$('#read').readmore({
  speed: 75,
  maxHeight: 100
});
```
EXEMPLE
- frère je ne peux pas utiliser l'id est dans la fonction, je fais un site web dynamique. donc j'utilise une classe pour le cibler. Qui était nécessaire pour être sensible aussi. donc tout ce que je veux, a été réalisé par la fonction que j'ai mentionné plus tôt. J'ai vu beaucoup d'exemples et démos avant. je sais que beaucoup de ces fonctions. J'ai besoin d'aide concernant la fonction que j'ai mentionnés. pouvez vous s'il Vous plaît de le modifier pour en faire quelque chose de gentil pour moi
- il faut donc utiliser un nom de classe à la place. C'est un standard sélecteur jquery.
InformationsquelleAutor Khawer Zeshan
0

Comment à ce sujet ? ce sera le travail sur les classes et est extensible.

JS:
```
$(".expanded a, .collapsed a").click(function() {
        $(this).parent().children(".expanded, .collapsed").toggle();
    });
```
- Merci Frère..
- vous pouvez animer le basculement donc il fait un peu plus beau, un coup d'oeil ICI, Jquery bascule. Marque de la question de répondre si vous le pouvait. Merci
- C'est grand, mais je suis en retard pour l'appliquer maintenant. pouvez-vous s'il vous plaît recommander quelque chose à propos de la fonction que j'ai fourni? Merci
- Ma question était de savoir ce qui suggère quelques modifications, tout en restant dans mon code.
- Édité réponse..
- Encore merci, frère.
InformationsquelleAutor Billy

Utiliser cette jQuery extrait de creuser cette question

jQuery(document).ready(function() {
  jQuery(".expanded").hide();
  jQuery(".collapsed a").click(function() {
    jQuery(this).hide();
    jQuery(".expanded").slideDown();
  }); 
  jQuery(".expanded a").click(function(){
    jQuery(".expanded").slideUp();
    jQuery(".collapsed a").show();
  });
});

InformationsquelleAutor Mehul patel

Vous devez vous connecter pour publier un commentaire.