lostyazilim
tr.link

Toggle Style Class Ekleme

3 Mesajlar 888 Okunma
acebozum
tr.link

viper302 viper302 WM Aracı Kullanıcı
  • Üyelik 09.08.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Siber Güvenlik Danışmanı
  • Konum İstanbul Anadolu
  • Ad Soyad K** A**
  • Mesajlar 294
  • Beğeniler 19 / 26
  • Ticaret 3, (%100)
Merhaba arkadaşlar aşağıdaki kod bir menüye ait sorunsuz çalışıyor ama yapmak istediğim şey style dosyamda 2 tane class var öncelikle kodlarımı koyuyorum

$(".qtn").on('click', function () {
var $ans = $(this).next(".ans");
$ans.slideToggle();
$(".ans").not($ans).slideUp();
});

yukarıdaki kodlarda toggle açık olunca a classını eklemek kapalı olduğunda da b classını eklemek istiyorum acaba nasıl bir ekleme yapmam lazım?
 

 

elektronikssl
webimgo

Rednoize Rednoize Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 25.08.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek İşletmeci
  • Konum Samsun
  • Ad Soyad A** A**
  • Mesajlar 1105
  • Beğeniler 577 / 331
  • Ticaret 18, (%100)
hocam eğer sorunun çözülmediyse şöyle birşey yapabilirsin ;

var NwCls = "";
$(".qtn").on('click', function () {
/* Class'ın yanında farklı classlar olabilir örn; "MinMenu qtn" vb
eğer o şekilde ise :

if (NwCls == "qtn a") {
$(this).removeClass("a");
$(this).addClass("b");
}else {
$(this).removeClass("b");
$(this).addClass("a");
}
*/
NwCls =$(this).attr("class");
if (NwCls == "active") {
$(this).removeClass("a");
$(this).addClass("b");
}else {
$(this).removeClass("b");
$(this).addClass("a");
}
var $ans = $(this).next(".ans");
$ans.slideToggle();
$(".ans").not($ans).slideUp();
});
 

 

viper302 viper302 WM Aracı Kullanıcı
  • Üyelik 09.08.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Siber Güvenlik Danışmanı
  • Konum İstanbul Anadolu
  • Ad Soyad K** A**
  • Mesajlar 294
  • Beğeniler 19 / 26
  • Ticaret 3, (%100)
Cevabınız için teşekkürler, class içinde şu kodlar mevcut

NormalItem qtn ToggleClose

Yukarıdaki kodlar standart olarak ekli, yapmak istediğim şey


$(".qtn").on('click', function () {
var $ans = $(this).next(".ans");
$ans.slideToggle();
$(".ans").not($ans).slideUp();
});


yukarıdaki kodlarda Toogle açılırsa ToggleClose classı silinsin yerine ToggleOpen classı eklensin
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al