DonanımHaber Mini sürüm 2 Ocak 2026 tarihi itibariyle kullanımdan kalkacaktır. Bunun yerine daha hızlı bir deneyim için DH Android veya DH iOS uygulamalarını kullanabilirsiniz.
Arama butonu
Bu konudaki kullanıcılar: 1 misafir
2
Cevap
843
Tıklama
0
Öne Çıkarma
Jquery slideToggle Div Açıp Kapatma
0
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.