Скрыть / показать div с начальным частичным просмотром

Question

Скрыть / показать div с начальным частичным просмотром

0

В настоящее время у меня есть функции slideUp и slideDown, чтобы скрыть и показать div. Я пытаюсь получить 25px, показывая сначала, пока он не расширится и не вернется к 25px при щелчке. Я бы подумал, что это будет прямо, но я не могу найти способ проверить атрибут в инструкции if, чтобы проверить, расширилось ли оно или нет, прежде чем знать, нужно ли продвигаться вверх или нет.

 if($(this).prev().is(':hidden') == true) { ..

т.е. изменить на

 if($(this).prev().height() == 25) { ..

Я проверял атрибуты CSS и переполнение, но они, похоже, не работают. Я не могу действительно добавлять классы в этот момент или обернуть его любым родительским div, возможно ли это с этими двумя divs в зависимости от скрипки?

lxm7 29 нояб. 2013, в 15:17

Источник

2

" I'm trying to get 25px showing initially before it expands and goes back to 25px on click " . Я потерян в этой точке.
Virus721 29 нояб. 2013, в 14:17
0

Я обновил вашу скрипку (см .: jsfiddle.net/7RDBk/2 ), «Показать меньше». текст будет отображаться сейчас. (вам не хватало точки с запятой)
talegna 29 нояб. 2013, в 14:20
1

Точка с запятой не имеет большого значения.
AfromanJ 29 нояб. 2013, в 14:21
0

Я ценю, что (следовательно, +1) в данном случае это не так, но когда код копируется, это помогает использовать правильный синтаксис, я видел слишком много проектов, где элементы были скопированы, не замечая синтаксических ошибок, и они приводят дальнейшие проблемы в будущем.
talegna 29 нояб. 2013, в 14:26

Показать ещё 2 комментария

Теги:

jquery

css

1 ответ

Ещё вопросы

" I'm trying to get 25px showing initially before it expands and goes back to 25px on click " . Я потерян в этой точке.
Я обновил вашу скрипку (см .: jsfiddle.net/7RDBk/2 ), «Показать меньше». текст будет отображаться сейчас. (вам не хватало точки с запятой)
Точка с запятой не имеет большого значения.
Я ценю, что (следовательно, +1) в данном случае это не так, но когда код копируется, это помогает использовать правильный синтаксис, я видел слишком много проектов, где элементы были скопированы, не замечая синтаксических ошибок, и они приводят дальнейшие проблемы в будущем.

melc · Accepted Answer · 2013-11-29T11-46-00.000Z

Один из способов сделать - использовать функции jQuery animate и data, например

http://jsfiddle.net/H9LzU/

$('.readMoreTrigger').click(function () {
     if ($('.readMoreContent').data('shown')) {
         $(this).text('Read more..');
         $('.readMoreContent').animate({
             "height": "25px"
         }, 'fast');
         $('.readMoreContent').data('shown',false);
     } else {
         $(this).text('Read less..');
         $('.readMoreContent').animate({
             "height": $('.readMoreContent').data("orig_height")
         }, 'fast');
         $('.readMoreContent').data('shown',true);
     }
     /*$('.readMoreContent').slideUp('fast');
        if($(this).prev().is(':hidden') == true) {
            $(this).prev().slideDown('fast');
            $(this).text('Read less..')
        }*/
 });
 /*$('.readMoreContent').hide();*/
 $('.readMoreContent').data("orig_height", $('.readMoreContent').css("height")).css({
     height: "25px"
 });

Хорошо, я не понимал, что данные могут быть использованы таким образом. Благодарю.