Jquery slideToggle Div Açıp Kapatma

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java Jquery slideToggle Div Açıp Kapatma

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

2
Cevap 841
Tıklama 0
Öne Çıkarma

1. sayfa

Jquery slideToggle Div Açıp Kapatma

Cevap Yaz

0p!uM

10 yıl (301 mesaj)

Yüzbaşı

Konu Sahibi

Merhabalar, jquery ile div arasını slayt şeklinde aç kapat yaptırıyorum. Fakat benim istediğim diğer linke tıklandığında açık olan kapansın tıkladığım açılsın.

Kullanmış olduğum kod şu şekilde.

Örn.

<script> 
  $(document).ready(function() { 
  $('.haber1').show(); 
  $('.haber2').hide(); 
  $('.haber3').hide();	 
  $('.haber4').hide(); 
  }); 
  function goster1() 
  	{ 
  	$('.haber1').slideToggle(500); 
  	} 
  function goster2() 
  	{ 
  	$('.haber2').slideToggle(500);	 
  	} 
  function goster3() 
  	{ 
  	$('.haber3').slideToggle(500); 
  	} 
  function goster4() 
  	{ 
  	$('.haber4').slideToggle(500); 
  	}	 
  </script>

<!--HABER 1--> 
  <div class="news_title_bg"> 
  <div class="hbaslik"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107655363&url=#!home" onclick="goster1()" data-href="#!home" onclick="goster1()">HABER 1 BASLIK</div></a></div 
  <div align="left" class="haber1"> 
  HABER BIR İÇERİĞİ BURASI 
  </div> 
  </div> 
   
  <!--HABER 2--> 
  <div class="news_title_bg"> 
  <div class="hbaslik"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107655363&url=#!home" onclick="goster2()" data-href="#!home" onclick="goster2()">HABER 1 BASLIK</div></a></div 
  <div align="left" class="haber2"> 
  HABER IKI İÇERİĞİ BURASI 
  </div> 
  </div> 
   
  <!--HABER 3--> 
  <div class="news_title_bg"> 
  <div class="hbaslik"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107655363&url=#!home" onclick="goster3()" data-href="#!home" onclick="goster3()">HABER 1 BASLIK</div></a></div 
  <div align="left" class="haber3"> 
  HABER ÜÇ İÇERİĞİ BURASI 
  </div> 
  </div> 
   
  <!--HABER 4--> 
  <div class="news_title_bg"> 
  <div class="hbaslik"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=107655363&url=#!home" onclick="goster4()" data-href="#!home" onclick="goster4()">HABER 1 BASLIK</div></a></div 
  <div align="left" class="haber4"> 
  HABER DÖRT İÇERİĞİ BURASI 
  </div> 
  </div>

Bu şekilde hangisine tıklarsam o açılıyor, tekrar tıklarsam da kapanıyor. İstediğim hangi haber linkine tıklarsam o açılsın diğerleri kapansın.

MOLİVER

10 yıl (804 mesaj)

Yüzbaşı

Internetten akordiyon menü örneklerine bakmanızı öneririm.Yapmak istediğiniz şeyi tam anlamıyla karşılıyorlar.

< Bu ileti mini sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @0p!uM

0p!uM

10 yıl (301 mesaj)

Yüzbaşı

Konu Sahibi

quote:

Orijinalden alıntı: MOLİVER

Internetten akordiyon menü örneklerine bakmanızı öneririm.Yapmak istediğiniz şeyi tam anlamıyla karşılıyorlar.

Çok teşekkür ederim.

Bu mesajda bahsedilenler: @MOLİVER

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Java Jquery slideToggle Div Açıp Kapatma