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

[amatur_barnamenevis]

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

کد 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();
});