Arkadaşlar arşivimde yer alan UI elemanında bir adet kodu sizlerle paylaşmak )istedim fakat arşivden direkt alıp sundum o zamanlar ToggleClass vs. gibi kısa yollar kullanmaktansa böyle uzun bir kod yazmışım :DStay elemanına bir fix yazacaktım ama kafam almadı :D$. UI = { hoverChange : function { / Basit bir hover change fonksiyonu / $classes = $class. split ; var $begin_class = $classes ; if else var $finish_class = $classes ; / Child mi yoksa parentmi olduğunu buluyoruz. / / Değiştirilecek eleman dizilişi child:element>>all child:element>>first parent:element>>first parent:element>>all / var $element = $element. split ; var $element_status = $element ; / 2. bir sorgu ile first mi all mu onabakıyoruz. / var $element_query = $element ; var $element = $element_query. split ; var $element_order = $element ; var $element_name = $element ; $ . on({ mouseenter: function { / Element seçiliyor. / switch { case 'norelation': // ilişkisi yok ise; / Hepsi mi sadece ilki mi? / if else break; case 'parent': // Büyüğü ise; / Hepsi mi sadece ilki mi? / if else break; case 'child': // Alt div ise ; / Hepsi mi sadece ilki mi? / if else break; } / Ya hepsi yada belirlenen class lar silinir. / if else }, mouseleave: function { / Element seçiliyor. / switch { case 'norelation': // ilişkisi yok ise; / Hepsi mi sadece ilki mi? / if else break; case 'parent': // Büyüğü ise; / Hepsi mi sadece ilki mi? / if else break; case 'child': // Alt div ise ; / Hepsi mi sadece ilki mi? / if else break; } if { / Yapılan işlem geri döndürülsün mü? / if else } } }, e); },}/ Kod yapısı itibari ile bir elemanın üstünde veyahut altıda bulunan bir elemana o elemanın üstüne gelinmesi halinde bile olsa çeşitli işlemler yapabilirsiniz. $. UI. hoverChange ; kalsın_mı_? -> True derseniz işlem üzerinden gidildiğinde kaldırılmaz. old_class -> new_class bölümüne gireceğiniz old_class kaldırılacak eski sınıfı belirtir new_class ise eklenecek olan yeni sınıfı belirtir. Eğer old_class yerine all yazarsanız nesnenin üzerindeki tüm sınıfları kaldırır ve new_class ı yazar. old class yok ise boşluk bırakın child:element>>first Bu durumda child durumda olan element isimli divimizin sadece ilk olanına yapılacak işlem uygulanır. HTML // CSS // . display_none . display_none. hover JQUERY $. UI. HoverChange ; Şeklinde yaparsak sadece bir kereliğine hoverChange elemanını üstüne geldiğmiz de içindeki display_none elemanın görünür olacaktır. /Kullanımını az da olsa anlatmaya çalıştım. :)KOD içinde uzun karakterler var kısaltılabilir kısaltmak isteyenler için. HTML5 İLE ZATEN YAPTIĞI BİRÇOK ŞEY YAPILIYOR AMA ÜST DİVLERE ETKİSİ BÜYÜK :d