jQuery, CSS-Regel spezifisches Element auf klicken

Question

Ich möchte nach Klick auf button meine div mit der Klasse text-internal hinzufügen (spezifischen - I Ich habe mehr als ein div mit der Klasse text-internal) erhält max-height. Wie gesagt ich sollte nur bestimmte div erhalten max-height - nur diese, die in container ist, die geklickt wurde, andere, die nicht geklickt wird nicht erhalten max-height Ich weiß nicht, ob ich es richtig erklären und klar.

<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

beliebige Anzahl von Traversierung Methoden verwenden, um bestimmte Instanz zu isolieren.

prev() ist einfach, dass Ihr Szenario

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

passt Oder wenn Beziehung zu einem gemeinsamen Elternteil nicht so einfach ist, können Sie closest() mit durchqueren und dann find() innerhalb dieser Mutter

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