Показать сообщение отдельно
  #28 (permalink)  
Старый 31.07.2011, 18:55
Аспирант
Отправить личное сообщение для makar3000 Посмотреть профиль Найти все сообщения от makar3000
 
Регистрация: 04.05.2011
Сообщений: 49

Код 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>
Ответить с цитированием