jak to zrobić, aby funkcja "mouseleave" była wykonywana tylko wtedy, gdy wysokość div wynosi 15%? - jquery, html, css

Jestem stosunkowo nowy w Jquery, więc wybacz moją niekompetencję, ale mam tę funkcję:

$("#contact").mouseleave(function () {

$("#contact").animate({
borderTopLeftRadius: "0%",
borderTopRightRadius: "0%"
}, 50);
$("#contact").animate({
height: "10%"
}, 50);
$("#home").animate({
height: "80%"
}, 50);
$("#logo").animate({
height: "45%"
}, 50);
});

ale chcę tylko, aby był wykonany, jeśli wysokość "#contact" wynosi 15%, wiem, że ".height ()" czyta się tylko w pikselach, a ponieważ 15% może być dowolną ilością pikseli, potrzebuję pomocy w napisaniu instrukcji if

Odpowiedzi:

var height = parseInt($("#contact").css("height"));

Następnie możesz przekonwertować na procent:

Czy jquery może zwracać wysokość elementu w procentach?

A następnie umieść instrukcję if przed animacjami