Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

display:none !important problem

foundation css kullanıyorum ve içindeki ui elementin birini jquery ile show(); hide(); yapmam gerek;

Problemimi kodlar içinde gerekli yerlerde açıkladım. özetle display:none !important olan kısmı jquery show() olayı ile göster yapamıyorum.
.hide{
display:none;
}
.ui_element{
display:block
} özellikleri var.
<div class"ui_element hide">
fooo
</div>
bu şekilde kullandığımda hide clasındaki display:none olayını görmüyor.ve elementi devamlı gösteriyor.

hide clasını .hide{ display:none !important} yaptığımda ise jquery ile show() dediğimde elementi göstermiyor. jquery'e bug report edilmiş bu konu hakkında. ama çözümü bulamadım . nasıl yapabilirim
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • mpolat adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    1 cevap - 0 soru
    Merhaba ui_element classını toggle yapabilirsin :

    CSS Kodun şu şekilde :

    .hide {
        display:none;
    }
    .ui_element {
        display:block;
    }
    


    HTML Kodun :
    <div id="foo" class="hide">fooo</div>
    <a href="#">Göster/Gizle</a>
    


    Ve son olarak Jquery kodun :
    $("a").click(function () {
    $("#foo").toggleClass("ui_element");
    });
    



    Ayrıca şu adreste çalışan halini görebilirsin : http://jsfiddle.net/mpolat/29FFC/