Код javascript
:
<script type="application/javascript" src="http://yandex.st/jquery/1.6.2/jquery.min.js"></script>
<script type="application/javascript" src="http://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js"></script>
<script type="application/javascript">
plus = './images/plus.png';
minus = './images/minus.png';
// управляющий скрытием\показом
var $this = $(".block_icon"),
// что будем скрывать\показывать.
$el = $this.next().next('span');
// true, если будем закрывать,
// false, если будем открывать
function toggle(closing){
$this.html( closing ? "<img src='" + plus + "' alt='' />" : "<img src='" + minus + "' alt='' />" );
$el[ closing ? "hide" : "show" ]();
};
$(function(){
// если сохранено состояние.
var cookie = $.cookie('block_hided');
// передаем Boolean;
if( cookie !== null ) toggle( !!(+cookie) );
})
$(".block_icon").click(function(){
// кликнутый эл
$this = $(this);
// эл, с которым будем взаимодействовать
$el = $this.next().next('span');
var closing = $el.is(":visible");
// 0 или 1
$.cookie('block_hided', closing*1 );
toggle( closing );
});
</script>