現在、divを表示および非表示にするslideUp関数とslideDown関数があります。展開してクリックすると25pxに戻る前に、最初に25pxを表示しようとしています。これは簡単だと思っていたのですが、上にスライドするかどうかを知る前に、ifステートメントの属性をチェックして拡張されているかどうかを確認する方法を見つけることができないようです。
if($(this).prev().is(':hidden') == true) { ..
つまり、に変更します
if($(this).prev().height() == 25) { ..
CSS属性とオーバーフローを確認しましたが、これらは機能していないようです。この時点で実際にクラスを追加したり、親divをラップしたりすることはできませんが、フィドルごとにこれら2つのdivを使用することは可能ですか？
実行する1つの方法は、jQueryの機能を使用することですanimateし、data例えば、
$('.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"
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加