0
0
0
آموزش jQuery UI قسمت ششم کار با Accordion
آموزش jQuery UI قسمت ششم کار با Accordion
در این پست در ادامه آموزش jQuery UI به مبحث Accordion می پردازیم.
باز یکی دیگر از کارهای که می توان با jQuery UI ایجاد کرد نمایش Accordion می باشد.
برای داشتن یک Accordion ابتدا باید یک div ایجاد کنیم و id آن را برابر accordion قرار دهیم و سپس به تعداد Accordion که می خواهیم یک تگ h3 که عنوان را مشخص می کند و سپس یک تگ div که محتوا هر Accordion را مشخص می کند قرار می دهیم.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="content/jquery-ui.css" rel="stylesheet" />
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery-ui.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("#accordion").accordion();
});
</script>
</head>
<body>
<div id="accordion">
<h3>First</h3>
<div>This is my first accordion</div>
<h3>Second</h3>
<div>This is my second accordion</div>
<h3>Third</h3>
<div>This is my third accordion</div>
</div>
</body>
</html>
این مطلب را به اشتراک بگذارید...
نظر / سوال