[ureech]

Здравствуйте.Cкрипт для предосмотра сообщений.Не могу добить.

<form>
.......
  <textarea id="message" class="ajax_autogrowarea text-mess" name="message" rows="15">{$post_content}</textarea>
......
<div style="display:none;" class="preview">{include file='com_forum_preview.tpl'}</div>
.....
<button type="button"  id="add"  style="font-size:16px"/>Предосмотр</button>
....
</form>

var set_mes = '.text-mess';// отсюда получаю
var get_mes = '.text-mess2';// сюда вывожу,находится в диве
var button = '#add';        // кнопка
var div = '.preview';       // див с шаблоном для вывода 
var div = document.querySelector(div);


$(button).on('click',function() {
  /**** первое уловие ****/
 if(div.style.display == 'none') {     
   var message = $(set_mes).val();
    $(div).animate({height: 'show'}, 500); 
		var message = $(set_mes).prepend(message); 
	    var message = $(message).html();
	localStorage.setItem('message', message);
	   this.innerHTML = 'Закрыть';
       }else{
 /******второе условие****/	   
    localStorage.clear();
   $(div).animate({height: 'hide'}); 
   this.innerHTML = 'Предосмотр ';
   };
     });
	    if(localStorage.getItem('message')) {
$(get_mes).html(localStorage.getItem('message'));
}

Не хочет нормально выводить.В таком виде не выводит.Но если я не закрою див и перезагружусь и снова открою он выводит
предыдуший текст.
Если я помещаю это

if(localStorage.getItem('message')) {
$(get_mes).html(localStorage.getItem('message'));
}

в первое условие, всё выводится, но при закрытии не удаляется.localStorage.clear(); не выполняется.