Как сделать что при нажатии на ссылку, элемент появляется, если же нажать на другую ссылку, первый элемент плавно исчезает и появляется на его месте другой элемент и также в обратную сторону.
Пробовал делать так
$(document).ready(function(){
$('#abproject').hide();
$('#abproject1').hide();
$('#project').click(function(){
$('#abproject').fadeOut(1000);
$('#abproject').fadeIn(2500);
});
$('#project1').click(function(){
$('#abproject').fadeOut(1000);
$('#abproject1').fadeIn(2500);
});
});
но получалось лишь для одного элемента