jQuery、クリックすると特定の要素にCSSルールを追加します

Question

button私のdivをクラスtext-internal（特定のもの - 私はクラスtext-internalで複数持っています）をmax-heightで取得します。私が言ったように、特定の部門だけがmax-heightを取得する必要があります - これはクリックされたコンテナにあるもの、クリックされなかったものですmax-height 私はそれを正しく説明しても分かりません。

<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

特定のインスタンスを単離するためにトラバース任意の数の方法を使用します。

prev()

はあなたのシナリオに合うシンプルなものです

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

それとも関係はそれほど単純ではない場合は、その親

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