[clor]

Добрый день.

Пишу менюшку, в которой по событию мыши изменятся содержимое блока. Проблема в том, что текст блока берется из базы данных на php. И очень неудобно его менять внутри js. Можно ли создать конструкцию html в которой занесена вся информация, а js скрывает и показывает эти блоки?
Помогите плиз чайнику.

$(document).ready(function(){
   
$("td#ch1").mouseover(   
 function() {
   $('#elem1').animate({'opacity':0}, 150, function(){
     $('#elem1').html('1текст текст текст текст текст текст текст текст текст текст текст текст текст текст');
     $('#elem1').animate({'opacity':1}, 300);
   })
 })   

$("td#ch2").mouseover(   
 function() {
   $('#elem1').animate({'opacity':0}, 150, function(){
     $('#elem1').html('2текст текст текст текст текст текст текст текст текст текст текст текст текст текст');
     $('#elem1').animate({'opacity':1}, 300);
   })
 }) 
   
$("td#ch3").mouseover(   
 function() {
   $('#elem1').animate({'opacity':0}, 150, function(){
     $('#elem1').html('3текст текст текст текст текст текст текст текст текст текст текст текст текст текст');
     $('#elem1').animate({'opacity':1}, 300);
   })
 })  
});