Dropdown menu (Açılır menü) uygulaması

Web sitelerin de dropdown menuleri çok sıklıkla kullanabiliyoruz. Bu örneğimizde css ler uyguladığımız ve mause üzerine geldiginde kendiliginden açılan br menu oluşturmayı ögreneceğiz.
Sayfamızda dropdown menu’nun açılır ve kapanır olmasını sağlayan kodu inceleyelim.

<script>
 $(document).ready(function(){
 $(".dropdownmenu").mouseenter(function () {
 $("#menu").slideToggle();
 });

 $(".dropdownmenu").mouseleave(function () {
 $("#menu").slideToggle();
 });
 });
</script>

Yukarıdaki kodlarda :
[…]

jQuery drag drop uygulaması 1

Bu uygulama ile açılır kapanır bir bölüm yapacagız örnegin sitemiz bir kitap sitesi ve arama yapıldıgında kitap yazarı, yayın evi ve kitap adı sonuçları sorgulanıp ekranımıza dökülüyor. Bu verilerin hepsi aynı anda ekrana dökmektense 3 bölüme ayırıp her birinin üzerinde yer alan ana başlıga tıkladığımızda gizlenmesini ve geri tıklandıgında açılması sağlamak kullanıcılar açısından kullanım kolaylıgı sağlar. Bu örnegimizde başlık vebaşlıgın altındaki kısımların yer aldıgı bir uyuglama görecegiz ayrıca uygulamayı ekrandan kaldırma yani kapatma özelliğimizde yer alıyor.

Dosyamızın adı index.html olsun,index dosyamızın kodları aşagıdaki şekildedir. Diğer jquery dosyaları ekte yer almaktadır. […]