- Просмотров - 330
- Комментариев - 0
- Рейтинг - из 5 ()
Описание:
Всем привет, сегодня у нас небольшой но полезный скрипт. Код позволит отображать полное описание новости в кратком виде.
Установка:
1. Обвернуть Message в div:
2. Добавить Js на страницу полного описания:
3. Добавим базовые стили кнопки отображения и скрытия описания:
Всем привет, сегодня у нас небольшой но полезный скрипт. Код позволит отображать полное описание новости в кратком виде.
Установка:
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>
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;
}
display: inline-block;
}
#BriefFull {
background: #ccc;
padding: 5px 0px;
text-align: center;
font-weight: bold;cursor: pointer;
margin-top: 5px;
}
- LeKcUs
- Профиль автора
Авторизируйтесь на сайте, чтобы иметь возможность скачивать архивы с сайта.
Источник: не указан
