How do I edit hidden regions with ICE?

Question

I have a  page set up on a client's site that displays in 2 parts using a tab to switch between them.  The regions that have been hidden by CSS  do not show up in  the InContext editor. How can I  set  it up so everything on the page  is editable?

Answer 1

You'll likely need to detect if ICE is active, then make both display at once.
Here's a little snippet I use to detect if ICE is active on the page:
var iceActive;    
if (typeof window.frameElement !== "undefined") {    
    iceActive = (window.frameElement !== null && window.frameElement.className === 'beditor-iframe');    
} else {    
    console.warn('window.frameElement not defined; ICE mode detection not available');    
    iceActive = false;