У меня есть три ссылки: кошка, собака, змеи. При наведении на каждую из них содержание, относящееся к каждой ссылке, должно измениться.
Поэтому, если я наведу курсор мыши на кошку, то появится содержимое кошки, если я наведу указатель мыши на собаку, содержимое кошки плавно исчезнет, а содержимое собаки появится... и так далее.
Links are: Dog Cat Snake
<div>
<span style="display:none;"> Cat Content</span>
<span style="display:none;"> Dog Content</span>
<span style="display:none;"> Snake Content</span>
</div>
Как мне заставить это работать полноценно, с некоторым плавным затуханием?