Мы здесь: rss twitter vk facebook

Самые новые скрипты для Ucoz

На нашем портале вы найдете не только скрипты, но и видео обучение и много интересного!
Main » 2017 » Март » 13 » Сокращение описания материалов

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

Установка: 
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; 
}

 
View: 809 / Added by: Administrator / Date: 29.03.2024
Comments 0
Total comments: 0
Only registered users can add comments.
[ Registration | Login ]