View unanswered posts | View active topics It is currently Fri Oct 19, 2018 7:08 pm

Reply to topic  [ 1 post ] 
 Toggling Visibility 
Author Message

Joined: Fri Jul 29, 2011 11:46 am
Posts: 1
Post Toggling Visibility
When I set the visibility: hidden to the parent of a group of PIE styled elements then toggle the parent visibility: visible the PIE styled elements do not render until I hover over the parent element. I have added -pie-watch-ancestors: 1; to the CSS which makes them render all at once upon parent hover vs. scrolling over each PIE styled element to make it render. After I have hovered over the parent once then visibility toggling works correctly. What is the fix for this? I do not want to do a JavaScript hack because I want to keep style separate from behavior - primary reason for evaluating PIE. Below is the CSS and JS.

/* parent */
#toggle-visibility {
position: absolute;
visibility: hidden;

/* children; group of 25 divs */
.round-simple {
height: 50px;
width: 150px;
margin-bottom: 10px;
background: #ccc;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-pie-watch-ancestors: 1;
behavior: url(;

/*JS Snippet that toggles the visibility el = parent */
var visibility =;
visibility = (visibility === 'visible') ? 'hidden' : 'visible'; = visibility;

Fri Jul 29, 2011 11:57 am
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.