jQuery : how to prevent animation in related div?

Question

is there any option to prevent slideUp() when hover its related div ?

$('#member1').hover(function () {
    $("#memberdetails2").hide();
    $("#memberdetails1").stop(true, true).slideDown();
}, function () {
    $("#memberdetails1").stop(true, true).slideUp();
});
$('#memebr2').hover(function () {
    $("#memberdetails1").hide();
    $("#memberdetails2").stop(true, true).slideDown();
}, function () {
    $("#memberdetails2").stop(true, true).slideUp();
});

DEMO http://jsfiddle.net/sweetmaanu/zDYyB/

Answer 1

Are you talking about something like this?

http://jsfiddle.net/zDYyB/2/

If you want the members detail to be always visible, remove

$('#company').on('mouseleave', function(e) {
  $('.membersare').hide();
});