Сокращение описания материалов

• 1
• 2
• 3
• 4
• 5

Установка: 
1. Обвернуть Message в div: 

Код

<div class="T-Brief Brief">$MESSAGE$</div>

2. Добавить Js на страницу полного описания: 

<script> 
function FulBrief() { 
var Brief = $('.T-Brief').height() 
if(Brief < 150) {   
$('.T-Brief').removeClass('Brief');   
$('#BriefFull').hide();   
    
} else {   
$('.T-Brief').addClass('Brief'); $('#BriefFull').show(); } 
};   
FulBrief(); 
$(window).resize(function() {FulBrief(); }); 
$('#BriefFull').click(function() { 
$('.T-Brief').removeClass('Brief');   
$('#BriefFull').hide(); 
}); 
</script>

3. Добавим базовые стили кнопки отображения и скрытия описания: 

Код

.Brief {max-height: 100px; overflow: hidden; 
  display: inline-block; 
} 
#BriefFull { 
  background: #ccc; 
  padding: 5px 0px; 
  text-align: center; 
  font-weight: bold;cursor: pointer; 
  margin-top: 5px; 
}