jQuery로 머리글 (제목)과 바닥 글이있는 탭/꾸러미 메시지 아래에 표시된 것과 같은 인터페이스를 만들려고합니다. 
jQuery와 함께 Gmail과 유사한 탭/꾸러미 인터페이스를 어떻게 성취합니까?
누구나 jQuery와 비슷한 것을했거나 문제를 해결할 방향을 제시 할 수 있습니까? 나는 잠시 동안 웹을 조사했지만 충분한 해결책을 찾지 못했습니다. 나는 "30 jQuery tabs tutorial"을 가로 질러 달렸지 만 내가 찾고있는 것을 찾지 못했습니다.
미리 도움을 주셔서 감사합니다. 내가 찾고있는 것에 대한 자세한 내용을 제공 할 수 있는지 알려주십시오.
기본 추한 생각 :
<!DOCTYPE html>
<html>
<head>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
jQuery(document).ready(function(){
$('.thread .head').click(function() {
$(this).next().slideToggle("fast");
return false;
}).next().hide();
});
</script
<meta charset=utf-8 />
<title>basic Idea</title>
<style>
.thread { width: 300px; border: 1px soildl; }
.thread h2{ background-color: #CCC; margin: 0; border: 1px solid #FFC;}
.thread div{ background-color:#FDF; border: 1px solid #000;}
</style>
</head>
<body>
<div class="thread">
<h2 class="head">The information here</h2>
<div>
blah blah blah blah
</div>
<h2 class="head">come other information here</h2>
<div>
blah blah blah blah Goo Goo Goo
</div>
<h2 class="head">hee hee hee</h2>
<div>
ho ho ho ho ho
</div>
</div>
</body>
</html>
당신은 아코디언을 만들 찾고 있습니다.
나는 매우 jQuery를 도구 추천 - http://flowplayer.org/tools/demos/tabs/accordion.html
하지 않습니다 아코디언처럼 그 일? – Marko
아코디언은 하나의 섹션 만 표시합니다. – epascarello