Sergiore,
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<style>
div {
border: 1px solid black;
}
</style>
</head>
<body>
<div id="id1">1</div> и <div id="id2">2</div>
<script>
$('#id1, #id2').on('click', function (event) {
if(this.id == 'id1') {
$(this).hide(500);
$('#id2').show(500)
};
if(this.id == 'id2') {
$(this).hide(1000);
$('#id1').show(1000);
}
})
</script>
</body>
</html>