باز شدن محتوا به صورت آکاردئونی

[vahidmoghadam]

سلام/
بنده میخوام یه عنوان داشته باشم که با یک بار کلیک محتوای زیر اون که پنهان هست مثلا یک تگ div به صورت آکاردئونی باز شود و نمایش داده شود و با کلیک بعدی آن محتوا بسته شود مخفی شود.
مثل نمونه زیر :
http://www.informa-mea.com/training/itsecurity

بعد از این که لینک باز شد یه مقدار پایین تر یه قسمت نوشته Course Director و جلوش یه علامت + هست، روی اون کلیک کنید و متوجه منظورم بنده بشید. من دقیقا همچین چیزی میخوام.

از نظر استایل دهی مشکلی ندارم ... فقط بحث باز و بسته شدن آکاردئونی محتوا رو مشکل دارم و نمیدونم چی کار باید بکنم....

خیلی خیلی ممنون از لطفتون ....

[tooka123]

سلام یک مثال ساده

<script>
$(document).ready(function(){
$('.title').click(function(){
$('.child').slideToggle();
});
});
</script>



<div>
<h3 class="title">title +</h3>
<div class="child" style="display:none;">
بنده میخوام یه عنوان داشته باشم که با یک بار کلیک محتوای زیر اون که پنهان هست مثلا یک تگ div به صورت آکاردئونی باز شود و نمایش داده شود و با کلیک بعدی آن محتوا بسته شود مخفی شود.
بعد از این که لینک باز شد یه مقدار پایین تر یه قسمت نوشته Course Director و جلوش یه علامت + هست، روی اون کلیک کنید و متوجه منظورم بنده بشید. من دقیقا همچین چیزی میخوام.

از نظر استایل دهی مشکلی ندارم ... فقط بحث باز و بسته شدن آکاردئونی محتوا رو مشکل دارم و نمیدونم چی کار باید بکنم....

خیلی خیلی ممنون از لطفتون ....
</div>
</div>