آموزش jQuery UI قسمت ششم کار با Accordion
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>

دانلود

نویسنده حسین فتحی
گروه مطلب JqueryUI
نوع مطلب سورس کد و آموزش
تاریخ انتشار ۱۱ تیر ۱۳۹۴
منبع ایران گنج
تعداد نظرات ۰
قیمت کاربران عضو سایت
توضیح توجه:
  • زمانی که روی لینک دانلود کلیک می کنید لینک دانلود به مدت 24 ساعت معتبر خواهد بود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

نظر / سوال

Captcha

این صفحه را می‌پسندم