Umur09 adlı üyeden alıntı

CSS ile yapılır mı yapılamaz mı emin değilim, test etmeye de pek fazla vaktim yok ama jQuery ile kolaylıkla yapabilirsiniz.

$(document).ready(function(){
$(".hover-verilecek-ikon").hover(function(){
$(".gizlenen-class").css("display", "inline-block!important");
}, function(){
$(".gizlenen-class").css("display", "none");
});
});


Kodu ekledim, sanırım eksik bir şeyler var. Bu sadece hover vermek istediğim alana geldiğimde "display: none;" ekliyor. Yani görünen alanı yok ediyor ancak olmayan alanı göstermiyor.

"display: none;" veriyorsa css ile "display: none;" verip buna da "display: inline-block!important" vereyim dedim, ancak düzenleyince ya da alt üst edince kod çalışmaz oluyor. Anlam veremedim açıkçası.

creed74 adlı üyeden alıntı

SkyGhostAir

Merhaba, head içine alttaki fonksiyonu yerleştirin..


<script>
$(document).ready(function(){
$('#xdurum').on('change', function() {
$(".gizle").attr("style","display:none;");
if(this.value>0){
$("#div"+this.value).attr("style","display:block;");
}
})
});
</script>


Html içeriğinizi şu şekilde düzenleyin..











Bir deneyip sonucu söylermisiniz..


Hocam ne yazık ki html içeriğine müdahale etmem mümkün değil. Bu yüzden deneyemedim.