jquery toogle açılan div ustalarım yardım !

08-01-2016, 09:24:33

Üyeliği durduruldu

Merhabalar aradım bulamadım jquery konusunda sizden yardım istiyorum hemen aşağıya kodları paylaşıyorum.
Aşağıdaki kodlarda 2 tane link var 2 adet div var ANASAYFA olana tıkladığımda kendi div'i açılıyor sorun yok. Diğeride çalışıyor.

Fakat benim istediğim Anasayfa linke tıkladım anasayfa isimli div açıldı Hakkımızda olan div'e tıkladığımda anasayfa divi kapanacak otomatik Hakkımızda divi açılacak.

Bu şekilde ikisi birlikte açılıyor yardımcı olabilenlere çok teşekkür ederim.

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<a href="#" onclick="$('.anasayfa').toggle('medium');">ANASAYFA</a>
<a href="#" onclick="$('.hakkimizda').toggle('medium');">HAKKIMIZDA</a>

<div class="anasayfa" style="display:none;">anasayfa div'i burasi olacak</div>
<div class="hakkimizda" style="display:none;">Hakkimizda div'i ise burasi</div>

08-01-2016, 15:58:48

#2

yasarkemaldag

yahya_ts50 adlı üyeden alıntı: mesajı görüntüle

Merhabalar aradım bulamadım jquery konusunda sizden yardım istiyorum hemen aşağıya kodları paylaşıyorum.
Aşağıdaki kodlarda 2 tane link var 2 adet div var ANASAYFA olana tıkladığımda kendi div'i açılıyor sorun yok. Diğeride çalışıyor.

Fakat benim istediğim Anasayfa linke tıkladım anasayfa isimli div açıldı Hakkımızda olan div'e tıkladığımda anasayfa divi kapanacak otomatik Hakkımızda divi açılacak.

Bu şekilde ikisi birlikte açılıyor yardımcı olabilenlere çok teşekkür ederim.

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<a href="#" onclick="$('.anasayfa').toggle('medium');">ANASAYFA</a>
<a href="#" onclick="$('.hakkimizda').toggle('medium');">HAKKIMIZDA</a>

<div class="anasayfa" style="display:none;">anasayfa div'i burasi olacak</div>
<div class="hakkimizda" style="display:none;">Hakkimizda div'i ise burasi</div>

Aşağıdaki kodu dener misiniz ?
https://jsfiddle.net/s0sLu051/

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
*
<a href="#" onclick="$('.icerikdiv').slideUp('medium'); $('.anasayfa').slideDown('medium');">ANASAYFA</a>
<a href="#" onclick="$('.icerikdiv').slideUp('medium'); $('.hakkimizda').slideDown('medium');">HAKKIMIZDA</a>
*
<div class="anasayfa icerikdiv" style="display:none;">anasayfa div'i burasi olacak</div>
<div class="hakkimizda icerikdiv" style="display:none;">Hakkimizda div'i ise burasi</div>

09-01-2016, 05:38:33

#3

~~yahya_ts50~~

Üyeliği durduruldu

yasarkemaldag adlı üyeden alıntı: mesajı görüntüle

Aşağıdaki kodu dener misiniz ?
https://jsfiddle.net/s0sLu051/

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
*
<a href="#" onclick="$('.icerikdiv').slideUp('medium'); $('.anasayfa').slideDown('medium');">ANASAYFA</a>
<a href="#" onclick="$('.icerikdiv').slideUp('medium'); $('.hakkimizda').slideDown('medium');">HAKKIMIZDA</a>
*
<div class="anasayfa icerikdiv" style="display:none;">anasayfa div'i burasi olacak</div>
<div class="hakkimizda icerikdiv" style="display:none;">Hakkimizda div'i ise burasi</div>

çok teşekkür ederim harika çalışıyor