Ich versuche, einen UI-Effekt wie auf zu replizierenhttp://mcfc.co.uk Ich habe ein Skript geschrieben, das eine Div-on-Click-Funktion verbirgt und eine Klasse auf ein Div anwendet, wobei die #id dem Div entspricht, auf das geklickt wurde, und umgekehrt. Ich bin neu in jQuery, wie würde ich den Status dieser "geklickten" Divs in einem Cookie speichern, um zu zeigen, welche versteckt wurden usw.?

Danke für jede Hilfe.

<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:

Tauchgänge, die beim Klicken ausgeblendet / angezeigt werden .....

<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....

DIVs, auf die diese Klasse angewendet wird .....

<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>