Fork me on GitHub
Enlight Solutions, Inc. Logo

under_construction Demo Page

« Back to Main

The Following Code is on this page

        $(document).ready(function(){
          $("#show_all").click(function(e){
            e.preventDefault();
            $.under_construction.showPendingElements();
            $.under_construction.hideOverlayOfPendingElements();
          });

          $("#toggle_overlay").click(function(e){
            e.preventDefault();
            $.under_construction.showPendingElements();
            $.under_construction.toggleOverlayOfPendingElements();
          });

          $("#toggle_display").click(function(e){
            e.preventDefault();
            $.under_construction.hideOverlayOfPendingElements();
            $.under_construction.toggleDisplayOfPendingElements();
          });

          $(document).bind('keydown', 'ctrl+e', function(evt){
            $.under_construction.toggleOverlayOfPendingElements();
          });

          //show overlay by default
          $.under_construction.toggleOverlayOfPendingElements();
        });
      

Press CTRL+E to simulate the overlaying of elements with the jQuery Hotkeys Plugin

This feature hasn't been built yet
Email   Phone
This is a floated element is for a feature I haven't built yet. Toggling it shouldn't affect the position of the item next to it
This is a floated element that should be unaffected by the hiding of the pending element because I gave the pending element class "whiteout"