Php 将div height切换为auto(100%)并返回到defined?

Php 将div height切换为auto(100%)并返回到defined?,php,jquery,toggle,Php,Jquery,Toggle,我正在用WordPress建立电影评论网站,我不太擅长jquery或javascript,我可以用php来抗争。 我需要你们的帮助。 这是我在stackoverflow上找不到答案的第一个问题,我非常需要它 我有以下代码: <div class="movie_cast"> <span class="movie_cast_bold">Cast: </span>John Hurt, Peter Mullan, Ingrid Bolsø Berdal, Ian Wh

我正在用WordPress建立电影评论网站,我不太擅长jquery或javascript,我可以用php来抗争。 我需要你们的帮助。 这是我在stackoverflow上找不到答案的第一个问题,我非常需要它

我有以下代码:

<div class="movie_cast">
<span class="movie_cast_bold">Cast: </span>John Hurt, Peter Mullan, Ingrid Bolsø Berdal, Ian Whyte, Robert Whitelock
</div>
什么是一些简单的jquery按钮,我可以切换我的演员从高度:20px到全高:自动,也可以点击返回后返回。 当高度为20px时,它应该显示更多,而在全高或自动高度时,它将显示更少,并返回到20px的高度。

您可以尝试以下方法:

$(function(){
    $('input[type="button"]').click(function(){
       var cssht = $('.movie_cast').height();
       if(cssht=='20')
           $('.movie_cast').height('auto');
        else
            $('.movie_cast').height('20px');
    });
});

你可以使用jquery的动画功能来增加你的演员阵容。你想要像“是的,Mohit Arora”这样的东西吗?只需按右边的按钮,而不是点击文本。在我的答案中查看演示
$(function(){
    $('input[type="button"]').click(function(){
       var cssht = $('.movie_cast').height();
       if(cssht=='20')
           $('.movie_cast').height('auto');
        else
            $('.movie_cast').height('20px');
    });
});