jquery - 状態表示付きのjqueryの拡張可能な折りたたみ可能なボックスを作成しますか?

Question

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でこの問題に最もよく取り組む方法に関するガイドラインがありますか?