Не получается Запомнить выбор в Js, при нажатии на кнопку банер закрывается и в место него показывается то что должно! Но после перезагрузки страницы все становится как и было а надо чтоб тот банер который я закрыл был закрытым!
<div id="content_block">
<style type="text/css">
.index #top {margin-bottom: 30px}
.top_index_switch {font-size: 11px; position: absolute; top: 0; right: -22px; z-index: 10}
.top_index_switch span {width: 91px; height: 25px; color: #333; text-align: center; display: block; position: absolute; top: -25px; right: 2px; padding-top: 2px}
.top_index_switch a {background: url(http://st.kp.yandex.net/images/superbannerIcons.png) -22px -30px; width: 22px; height: 25px; display: block; position: absolute; top: 0; right: 0}
.top_index_switch a:hover {background-position: -0px -30px;}
#show_adv {position: relative}
#show_adv .top_index_switch span {background: url(http://st.kp.yandex.net/images/superbannerIcons.png) 2px 0; width: 100px; top:-45px;}
#show_adv .top_index_switch a {background-position: -69px -30px; top:-20px;}
#show_adv .top_index_switch a:hover {background-position: -47px -30px}
#hide_adv {position: relative}
#hide_adv .top_index_switch span {background: url(http://st.kp.yandex.net/images/superbannerIcons.png) -7px 0;}
#hide_adv span{visibility: hidden}
#show_adv span{visibility: hidden}
</style>
<script>
$(function(){
if($.cookie('hideSuperbanner_20140214'))
{
$('#top_superbanner').hide();
$('#hide_adv').hide();
$('#top_3banners').show();
$('#show_adv').show();
}
else {
$('#top_3banners').hide();
$('#show_adv').hide();
$('#top_superbanner').show();
$('#hide_adv').show();
}
});
</script>
<div id="show_adv" style='display:none'>
<div class="top_index_switch">
<span>показать баннер</span>
<a href="http://test.ru/#" onclick="
$('#top_3banners').hide();
$('#show_adv').hide();
$('#top_superbanner').show();
$('#hide_adv').show();
$.cookie('hideSuperbanner_20140214',null); return false;"
onmouseover="$('#show_adv span').css({'visibility':'visible'})"
onmouseout="$('#show_adv span').css({'visibility':'hidden'})"
></a>
</div>
</div>
<div id="hide_adv">
<div class="top_index_switch">
<span>скрыть баннер</span>
<a href="http://test.ru/#" onclick="
$('#top_superbanner').hide();
$('#hide_adv').hide();
$('#top_3banners').show();
$('#show_adv').show();
$.cookie('hideSuperbanner_20140214','1',{ expires: 1, path: '/'});
runSlider('/');
return false;"
onmouseover="$('#hide_adv span').css({'visibility':'visible'})"
onmouseout="$('#hide_adv span').css({'visibility':'hidden'})"
></a>
</div>
</div>
<div id='top_superbanner' style='display: block'>
<div class="superb" id="superb">
<style type="text/css">
.link_emu {cursor: pointer}
</style>
<table align="center" cellspacing="0" cellpadding="0" border="0" width="700" style="box-shadow: 0px 0px 3px #333;">
<tr>
<td><div style="width:700px; height:175px; cursor:pointer" id="superbCode"><a href="/" style="position:absolute; width:700px; height:175px;" target="_blank"><img src="../b0c361e0.jpg" width="700" height="175" /></a></div>
</td>
</tr>
</table>
</div>
</div>
<div id="top_3banners" style='display:none'><table align="center" cellspacing="0" cellpadding="0" border="0" width="700" style="box-shadow: 0px 0px 3px #333;"><tr><td><%top_film_b%></td></tr></table></div>
<script type="text/javascript">
$(function() {
if($.cookie('hideSuperbanner_20140214')) {
$('#top_3banners').show();
runSlider('/');
}
});
</script>
</div>