我已经尝试了一段时间，用jquery创建一个可折叠/可扩展的div来构建一个“基本”和“高级”搜索框，但都无济于事。

• 展开或折叠div
• 根据我们所处的状态更改div上的文本
• 根据我们所处的状态，将“指示箭头”更改为关闭或展开
• 可选：将状态保存在Cookie中，以便在页面刷新时存储

我突然想到了这样的话：

$(document).ready(function () {

$('#container_search').show();

if ($.cookie('status_basic') == 1) {
    //$('#container_search').show();
    //$('#container_search_advanched').hide();
}

if ($.cookie('status_basic') == 0) {
    //$('#container_search_advanched').show();
    //$('#container_search').hide();
    }

});

function advanched() {
    //$('#container_search').show();
    //$('#container_search_advanched').hide();
}

function basic() {
    //$('#container_search').hide();
    //$('#container_search_advanched').show();
}

但我处理它很复杂，有没有任何插件，可以做到这一点几乎默认或有人实现这样的东西，并有一些指导方针，如何最好地解决这个问题在jquery？