我使用简单扩展Jquery插件(http://sylvain-hamel.github.io/simple-expand/),它可以完美地扩展div。我遇到的问题是所有扩展的div都保持打开状态。理想情况下,一次只能打开1个。
您可以在此处查看实时版本:http://www.soft-dog.com/TES88484
我尝试过以下代码,但它并没有隐藏已经打开过的代码。
$('.reveal').click(function () {
// When clicked, toggle the "view" div. $('.content').hide();
答案 0 :(得分:0)
您没有显示所有代码(如上述评论所述)。
但是,如果您想简单地使用jQuery的show()
和hide()
函数进行显示和隐藏,那么它可以像以下一样简单:
$("div.toOpen").click(function() {
$("div.toOpen").hide();
$(this).show();
});
这将隐藏所有div,然后再次打开当前的div。