[tsigel]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="fade" style="width: 100px; height: 100px; background-color: blue; position: absolute; display: none"></div>
<div class="fade" style="width: 100px; height: 100px; background-color: red; position: absolute;"></div>
<button style="margin-top: 110px">Сменить!</button>

<script>
$(function() {
  var speed = 700; // Скорость анимации изменения прозрачности в миллисекундах
  $('button').click(function(){
     $('.fade')
.stop() //не создаёт очередь анимаций при многократном клике до завершения текущей анимации
.fadeToggle(speed);//если display: none - показывает, нет - прячет. 
  })
})
</script>