jquery - 隐藏/显示初始部分查看的 div

Question

http://jsfiddle.net/7RDBk/1/

目前我有一个 slideUp 和 slideDown 函数来隐藏和显示一个 div。我试图在它展开并在点击时返回到 25px 之前首先显示 25px。我原以为这会很简单，但我似乎无法找到一种方法来检查 if 语句上的属性，以在知道是否向上滑动之前检查它是否已展开。

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

即更改为

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

我检查了 CSS 属性和溢出，但这些似乎不起作用。我此时真的不能添加类或将其包装在任何父 div 中，这两个 div 是否可以按照 fiddle 的方式使用？

Answer 1

一种方法是使用 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"
 });