تمرین-آکاردئون [بایگانی]

fr_sdgh

دوشنبه 05 مرداد 1394, 18:06 عصر

کد ها رو قرار دادم لطف میکنید اگه یه نگاهی بندازید.

توضیح: آکاردئون هست. شو میشه ولی هاید نمیشه.

بدون تغییر در DOM لطفا !

https://gist.github.com/anonymous/efcae6d2e5fdb01844ca

راستی کنسول لاگ نمیده !

anvar

دوشنبه 05 مرداد 1394, 19:56 عصر

اول هاید کنید بعد شو

$('p').hide();
$('#accordion h3').on('mouseenter',function(){
$('#accordion p').hide();
$(this).next().find("p").show();
});
با ورود به صفحه همه پاراگراف ها هاید هستن (اولین هاید این کار رو میکنه)

بعد زمانی که کاربر موس رو می بره روی تیترها دو حالت امکان پذیره
1 - برای اولین باره (در این حالت پاراگراف زیر تیتر نمایش داده میشه)
2- قبلا بر روی یکی از تیترها رفته و پاراگراف متناظر با آن در حال نمایشه (باید ابتدا این پاراگراف رو هاید کنیم دستور هاید دوم اینکار رو انجام میده و پاراگراف جاری رو شو کنیم - خط آخر اینکار رو میکنه)

دستور Sibilings رو هم بهتره با جزئیاتش یادبگیری

https://api.jquery.com/siblings/

یا بصورت ساده تر و قابل فهم تر

http://www.w3schools.com/jquery/traversing_siblings.asp