jQuery, ajouter la règle css à l'élément spécifique sur le clic

Question

Je veux après cliquer sur button mon div avec la classe text-internal (spécifique je - j'ai plus d'un div avec la classe text-internal) obtenir max-height. Comme je l'ai dit seulement div spécifique devrait obtenir max-height - seulement celui-ci, qui est dans le conteneur, qui a été cliqué, d'autres, qui ne sont pas cliqués ne pas obtenir max-height Je ne sais pas si je l'explique correctement et clair.

<div class="single-offer-text"> 
     <div class="text-internal"> 
      <?php echo $params->get('mytextarea'); ?> 
     </div> 
     <button class="read-more">Read more</button> 
    </div> 

JQUERY

jQuery('.read-more-hide').click(function() { 
    jQuery('.text-internal').css('maxHeight', '150px'); 
}); 

Answer 1

utiliser un nombre quelconque de méthodes de parcours pour isoler instance spécifique.

prev() est un simple qui correspond à votre scénario

jQuery('.read-more-hide').click(function() { 
    jQuery(this).prev('.text-internal').css('maxHeight', '150px'); 
}); 

Ou si la relation est pas si simple que vous pouvez traverserez jusqu'à un parent commun à l'aide closest() puis find() dans ce parent

jQuery('.read-more-hide').click(function() { 
    jQuery(this).closest('.single-offer-text').find('.text-internal').css('maxHeight', '150px'); 
});