Как заставить один div исчезать, а другой исчезать при зависании?

Излишне говорить, что я новичок, особенно когда дело доходит до JavaScript и jQuery. Я ищу способ сделать одно деление плавным (через видимость, а не прозрачность) и одно исчезновение.

Вот пример HTML-кода, для которого я собираюсь.

<div class="container">
 <div class="secondary" style="height:100px;width:100px;display:none;">
  When you hover over .main, .secondary fades in and .main fades out
 </div>
 <div class="main" style="height:100px;width:100px;">
  This text is visible by default
 </div>
</div>

Я оглянулся и не смог найти то, что искал.

Огромное спасибо заранее.

Ответы на вопрос(5)

Ваш ответ на вопрос