Jquery slideToggle Div Açıp Kapatma (Tüm Sürüm)
Tüm Forumlar >> Web Tasarım - Programlama >> Yazılım Geliştirme >> Java
Mesaj
0p!uM => Jquery slideToggle Div Açıp Kapatma (5.07.2015 03:30:46)
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 => Jquery slideToggle Div Açıp Kapatma (5.07.2015 12:23:18)
Internetten akordiyon menü örneklerine bakmanızı öneririm.Yapmak istediğiniz şeyi tam anlamıyla karşılıyorlar.

0p!uM => Jquery slideToggle Div Açıp Kapatma (6.07.2015 01:05:43)
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.

Sayfa: [1]