@abdullahx slideup yerine fade ile denemeye çalıştım fakat mouse containerın üstünde değilken kapanma olayı çalışmadı sorunum neyden kaynaklı

$("#soundUp").on("click", () => {
    $("#soundSettings").fadeIn(200);
    setTimeout(() => {
         if (!$("#soundSettings:hover").length) $("#soundSettings").fadeIn(200);
    }, 2000);
});
$("#soundSettings").on("mouseleave", function () {
    let kapat = setTimeout(() => {
         $(this).fadeOut(200);
    }, 2000);
    $(this).on("mouseenter", function () {
         clearTimeout(kapat);
    });
});

$(document).on('click', '.change', function(event){
    if( $('#dondur').hasClass('chosen') ) {   
        $( ".widget" ).draggable();
        $( ".widget12" ).draggable();
        $( ".application" ).draggable();   
    }
});

bu şekilde çalıştı ama else chosen classı yoksa drag işlemini nasıl engelleyeceğimi aklıma getiremedim

@ilyasbilgihan istediğim şey ilk örnekteki gibi fakat çok karışık geldi ve yukarı aşşağı yapamıyorum. Siz bunu kullandısysanız basit bir örnek ile anlatarak yazar mısınız.

@zelemi yanlış anlamışsın mouse scrollumu değil mouse imlecimi basılı tutarak yukarı çektiğimde işlem yaptırmak istiyorum.

aynısını yazıp ben denedim çalışmıyor