2013-09-26 25 views
5

öğesinin başka bir nesnesini canlandırın. Bir öğe içinde kayarken kaydırılacak diğer öğeye ihtiyacım var. Şu anda fadeOut'a ayarladım.Öğede olduğu gibi, öğenin animasyonunda olduğu gibi,

$('#contact').click(function() { 
    $('#contact-info').animate({ 
     width: 'toggle' 
    }); 
    $('#work-menu').fadeOut('100'); 
}); 
$('#menu').click(function() { 
    $('#work-menu').animate({ 
     width: 'toggle' 
    }); 
    $('#contact-info').fadeOut('100'); 
}); 

DEMO

nasıl diğeri görünümüne kayarken zıt unsurlar geri slayt yapmak için bu kodu değiştirebilirsiniz: Bu defa var kodudur?

cevap

1

onun :visible bu şekilde yapabilirseniz kontrol ederek kullanım 'hide'

$('#contact').click(function() { 
    $('#contact-info').animate({ 
     width: 'toggle' 
    }); 
    $('#work-menu').animate({ 
     width: 'hide' 
    }); 
}); 
$('#menu').click(function() { 
    $('#work-menu').animate({ 
     width: 'toggle' 
    }); 
    $('#contact-info').animate({ 
     width: 'hide' 
    }); 
}); 

DEMO

+0

teşekkürler – angela

1

:

$('#contact').click(function() { 
    $('#contact-info').animate({ 
     width: 'toggle' 
    }); 
    if ($("#work-menu").is(":visible")) 
     $('#work-menu').animate({ 
      width: 'toggle' 
     }); 
}); 
$('#menu').click(function() { 
    $('#work-menu').animate({ 
     width: 'toggle' 
    }); 
    if ($("#contact-info").is(":visible")) 
     $('#contact-info').animate({ 
      width: 'toggle' 
     }); 
}); 

Demo Fiddle

Lütfen yardım x için
İlgili konular