상태 표시가있는 jquery 확장 가능한 접을 수있는 상자를 만드시겠습니까?

Question

jquery와 함께 접을 수있는/확장 가능한 div를 만들어서 "기본"및 "고급"검색 창을 만들어 보려고했습니다.

• 우리가 닫거나 우리는
• 옵션이 무엇인지 상태에 따라 확장
• 변경 "표시 화살표를"도자기 어떤 상태에 따라 사업부를
• 변경 사업부의 텍스트를 확장하거나 Collapsa : 저장 그래서 페이지에있는 쿠키의 상태는 저장 새로 고침

내가 그렇게 함께 cameup

같은 mething :

$(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와이 문제를 해결하는 방법에 대한 몇 가지 가이드 라인을 가지고있다 수있는 플러그인이 있나요?

Answer 1

예제 코드입니다. 원하는 용도로 사용하기 위해 slideDown 및 slideUp 함수를 사용할 수 있습니다.

// Expand Panel 
$("#open").click(function(){ 
    $("div#panel").slideDown("slow"); 
}); 

// Collapse Panel 
$("#close").click(function(){ 
    $("div#panel").slideUp("slow"); 
});