То, что показываем пользователю, это пример с моего сайта:
<span class="theme_changelog_show"><u>Показать zapraudu changelog</u></span><div class="changelog_panel">
<a class="welcome-panel-close theme_changelog_close">Закрыть</a>
<h3>Информация обо всех проводимых работах на сайте zapraudu.info</h3>
<p><b>01.10.2014</b> - Убраны виджеты на главной в админ панели.</p>
<p><b>01.10.2014</b> - Оптимизация загрузки скриптов админ панели.</p>
<p><b>30.09.2014</b> - Оптимизирована загрузка css сайте.</p>
<p><b>30.09.2014</b> - Для подготовки к редизайну оптимизирована страница парользователей, синижена нагрузка на сервер.</p>
<p><b>29.09.2014</b> - По техническим причинам произведен откат базы за 26.09.2014</p>
</div>
JQuery:
<script>
jQuery(document).ready( function( $ ) {
if ($.cookie('hide_theme_changelog') == 'true') {
$( '.changelog_panel' ).css( 'display', 'none' );
$( '.theme_changelog_show' ).css( 'display', 'inline' );
} else {
$( '.changelog_panel' ).css( 'display', 'block' );
$( '.theme_changelog_show' ).css( 'display', 'none' );
}
$( '.theme_changelog_close' ).click( function() {
$( '.changelog_panel' ).css( 'display', 'none' );
$( '.theme_changelog_show' ).css( 'display', 'inline' );
$.cookie( 'hide_theme_changelog', 'true', { expires: 32 } );
});
$( '.theme_changelog_show' ).click( function() {
$( '.changelog_panel' ).css( 'display', 'block' );
$( '.theme_changelog_show' ).css( 'display', 'none' );
$.removeCookie( 'hide_theme_changelog' );
});
});
</script>
Обязательно подключите библиотеку https://github.com/carhartl/jquery-cookie