반응형
| 05.Accordion.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>아코디언 컨트롤</title>
<style type="text/css">
</style>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom/js/jquery-ui-1.7.2.custom.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ $('#accordion').accordion({event:"mouseover"});
});
</script> </head> <body>
<div id="accordion">
<h3>제목1</h3>
<div>내용1</div>
<h3>제목2</h3>
<div>내용2</div>
<h3>제목3</h3>
<div>내용3</div>
</div> </body> </html> |
| 결과화면 |
[그림76-1] |
05.Accordion.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 78.jQuery - 나만의 jQuery 만들기 (12.PlugIn ) (0) | 2009.11.17 |
|---|---|
| 77.jQuery - Tab 컨트롤 ( 11.UI ) (0) | 2009.11.17 |
| 75.jQuery - selectTable()로 개체 선택하기 ( 11.UI ) (0) | 2009.11.17 |
| 74.jQuery - sortable() 로 소팅 가능한 개체 생성 ( 11.UI ) (0) | 2009.11.17 |
| 73.jQuery - droppable()로 끌어서 놓기 기능 구현 ( 11.UI ) (0) | 2009.11.17 |
Comments