Question

我想在用户点击它时创建一个扩展div，以便他们可以看到其余的信息。我设法做到了。我现在要做的是使用它，以便当用户再次点击div时div的高度发生变化。

这是我的剧本：

$(".module").one('click', function () {
    $(this).height(400)
        .css({
        cursor: "auto"
    });
});

这是我的css：

.module {
    width:270px;
    height:200px;
    float:left;
    padding:5px;
    overflow:hidden;
    cursor:pointer;
}

Answer 1

混合使用jQuery和CSS有一种简单的方法。试试这个，把那些CSS：

.module {
    width:270px;
    height:200px;
    float:left;
    padding:5px;
    overflow:hidden;
    cursor:pointer;
}

.module.clicked{
    height : 400px;
    cursor : auto;
}

然后使用此代码：

$('.module').on('click', function(){
    $(this).toggleClass('clicked');
})

工作小提琴：http://jsfiddle.net/2NeD2/

使用jquery扩展后重置div的高度

1 个答案: