سوال: اسلایدر آکوردئونی

ساخت وبلاگ

باسلام
دوستان من کدی نوشتم برای اسلایدر های متنیه آکوردئونی که کدهاشو براتون میذارم...کد کارمیکنه ولی ی مشکلی که هست اینه که وقتی روی لینکه متنی که در حال حاضر متن درونش نمایش داده میشه کلیک میکنم دوباره یکبار افکت slide up & down اعمال میشه درصورتیکه نمیخوام اینطوری باشه ینی وقتی که روی همون لینک عنصر نمایان کلیک میکنم اتفاقی نیفته .ممنون میشم کمکم کنید.

کد html

کد HTML:

 <div id="news"> <div id="right"> <h4 style="font-family:nazanin;color:white;">جدیدترین اخبار</h4> <!-- کارگاههای آموزشی جدید !--> <a class="dropdown" id="first" href="#">کارگاههای آموزشی <span class="fa fa-plus plus" ></span> </a> <div class="matn first">انجمن علمی روانشناسان بالینی ایران با همکاری دانشکده علوم رفتاری و سلامت روان - انستیتو پزشکی تهران درنظر داردکارگاه های زیر را با ظرفیت محدودیت برگزار نماید. </div> <!-- انجمن علمی روانشناسان بالینی ایران 1 !--> <a class="dropdown" href="#">کارگاههای آموزشی <span class="fa fa-minus plus" ></span> </a> <div class="matn second">انجمن علمی روانشناسان بالینی ایران با همکاری دانشکده علوم رفتاری و سلامت روان - انستیتو پزشکی تهران درنظر داردکارگاه های زیر را با ظرفیت محدودیت برگزار نماید. </div> <!-- انجمن علمی روانشناسان بالینی ایران 2 !--> <a class="dropdown" href="#">کارگاههای آموزشی <span class="fa fa-minus plus" ></span> </a> <div class="matn third">انجمن علمی روانشناسان بالینی ایران با همکاری دانشکده علوم رفتاری و سلامت روان - انستیتو پزشکی تهران درنظر داردکارگاه های زیر را با ظرفیت محدودیت برگزار نماید. </div> </div> <div id="left"></div> </div>
اسکریپت

$('#news .matn:not(.first)').hide();
$(document).on("click", "#right .dropdown", function(e){
e.preventDefault();
var _contents = $('#news #right .matn');
var _currentContent = $(this).next('.matn');

$('#news #right .matn').each(function(index,elem){

$(this).slideUp();

});

_currentContent.slideDown();
});


برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید

برچسب : نویسنده : محمد رضا جوادیان programers بازدید : 108 تاريخ : يکشنبه 26 ارديبهشت 1395 ساعت: 4:37