plekit/toggle/toggle.js

   1 // use localStorage to remember open/closed toggles
   2 function plekit_toggle_store(id) {
   3     var area=$('toggle-area-'+id);
   4     key='toggle.'+id;
   5     flag= (area.visible()) ? 'on' : 'off';
   6     localStorage.setItem(key,flag);
   7 }
   8 function plekit_toggle_from_store (id) {
   9     window.console.log('id='+id);
  10     var area=$('toggle-area-'+id);
  11     key='toggle.'+id;
  12     flag=localStorage.getItem(key);
  13     // on by default
  14     if (flag=='off') area.hide();
  15     else area.show();
  16 }
  17
  18 function plekit_toggle(id){
  19
  20     var area=$('toggle-area-'+id);
  21     area.toggle();
  22     var visible=$('toggle-image-visible-'+id);
  23     var hidden=$('toggle-image-hidden-'+id);
  24     if (area.visible()) {
  25         visible.show();
  26         hidden.hide();
  27     } else {
  28         visible.hide();
  29         hidden.show();
  30     }
  31     plekit_toggle_store(id);
  32 }
  33
  34 // make sure it's open
  35 function plekit_toggle_show(id) {
  36     var area=$('toggle-area-'+id);
  37     if (!area.visible()) plekit_toggle (id);
  38 }
  39
  40 // open or close the info box
  41 function plekit_toggle_info(id){
  42
  43     // need to take care of the area as well
  44     var area=$('toggle-area-'+id);
  45     var info=$('toggle-info-'+id);
  46     if (area.visible() && info.visible()) {
  47         window.console.log('PTI hiding');
  48         info.hide();
  49     } else {
  50         // make sure area is visible, take of the triggers
  51         window.console.log('PTI showing');
  52         plekit_toggle_show(id);
  53         info.show();
  54     }
  55 }
  56