Use fadeToggle()
otherwise two of them will happen at same time
$(document).ready(function(){
$('#faye').click(function() {
$('#fayebig').fadeToggle(1000);
});
});
While using fadeToggle
it will toggle between fadeIn
and fadeOut
If you want different duration for each fade then use
$(document).ready(function(){
$('#faye').click(function() {
$('#fayebig').fadeToggle(function(){ return $(this).is(':visible') ? 500 : 1000});
});
});