Şimdi Ara

Jquery slideToggle Div Açıp Kapatma

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Daha Fazla

Bu Konudaki Kullanıcılar: Daha Az

2 Misafir - 2 Masaüstü

5 sn

3
Cevap

0
Favori

747
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1

Giriş

Mesaj

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>