Question

我正在使用WordPress构建电影评论网站，我对jquery或javascript不太满意，使用php我可以＆＃34;战斗＆＃34;。我需要你们的帮助。这是我实际上无法在stackoverflow上找到答案的第一个问题，我非常需要它。

我有这段代码：

<div class="movie_cast">
<span class="movie_cast_bold">Cast: </span>John Hurt, Peter Mullan, Ingrid Bolsø Berdal, Ian Whyte, Robert Whitelock
</div>

我的css是：

.movie_cast {
float: right;
width: 35%;
margin-left: 2%;
line-height: 15px;
font-family: 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
height: 20px;
overflow: hidden;
}

什么是简单的jquery按钮，我可以将我的演员从height: 20px切换到全高height: auto，并在点击后返回。高度为20px时，它应显示＆＃34;更多＆＃34;，并且在全高或自动高度时，它会显示＆＃34;更少＆＃34;并返回20 px的高度。

Answer 1

你可以试试这个：

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

<强> Demo

将div高度切换为自动（100％）并返回到已定义的？

1 个答案: