Я пытаюсь воспроизвести эффект пользовательского интерфейса, как наhttp://mcfc.co.uk Я написал скрипт, который скрывает элемент div при нажатии и применяет класс к элементу div с идентификатором #id, соответствующим элементу div, по которому был выполнен щелчок, и наоборот. Я новичок в jQuery, как бы я сохранил состояние этих «нажатых» div в cookie, чтобы показать, какие были скрыты и т. Д. ??

Спасибо за любую помощь.

<script type="text/javascript">

$(document).ready(function(){
    $('.portlet').click( function(){ 
        var idtext = this.id;
        $(this).hide();
        $("[id*=" + idtext + "]").not(this).addClass('add'); 
    });

    $("#content-footer div").click( function(){
        var idtext = this.id;   
        $(this).removeClass('add');                 
        $("[id*=" + idtext + "]").not(this).show();
    }); 
})

</script>

HTML:

DIV, которые скрыты / показываются при нажатии .....

<div class="column" id="col0">

<div class="portlet" id="p_0">
  <div class="portlet-header">Feeds</div>
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  </div>
</div>
<div class="portlet" id="p_1">
  <div class="portlet-header">News</div>
  <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit
  </div>
</div>

</div>

etc....

DIV, что класс применяется к .....

<div id="content-footer">
  <div id="p_0"></div>
  <div id="p_1"></div>
  <div id="p_2"></div>
  <div id="p_3"></div>
  <div id="p_4"></div>
</div>