смена класса div

[Gwin]

Добрый день. Интересует такой вопрос... можно ли с помощью js/jq реализовать смену класса дива при наведении курсора мыши...

когда мышка не наведена используется строка

<div class=div>текст</div>

а при наведении мышки юзалось

<div class=div1>текст<br>текст</div>

[Gwin]

подумал, что можно скрыть во втором случае текст заключить в отдельный div и скрыть с помощью display:none но тогда не понимаю как сделать что бы при наведении у 2-х дивов менялся класс

[animhotep]

если нужен эффект при наведении, то в цсс есть :hover
пропишите в div:hover{} нужные свойства и не нужно классы менять

[Gwin]

Задать hover естественно не проблема... но тут проблема в том что бы при наведении появилось продолжение текста...

будет тогда соотвественно так

просто так висит

<div class=div>[COLOR="red"]текст[/COLOR]</div>

а при наведении мышки юзалось

<div class=div:hover>[COLOR="Red"]текст<br>текст[/COLOR]</div>

Проблема в том как вот это сделать - то что находится между color=red

[danik.js]

<style>
div span{display:none}
div:hover span{display:block}
</style>
<div>текст<br><span>текст</span></div>

[Gwin]

danik.js, огромнейшее спасибо, чёт сам не допёр)