Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Apr 30th, 2012  |  syntax: None  |  size: 0.48 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Forcing changes to aria-hidden to take effect immediately on Mobile Safari
  2. <style>
  3.     ul {
  4.         -webkit-transition: height 200ms linear;
  5.         overflow: hidden;
  6.     }
  7. </style>
  8. <div>Tap to expand</div>
  9. <ul style="height: 0" aria-hidden="true">
  10.     ....
  11. </ul>
  12.        
  13. <div>Tap to expand</div>
  14. <div>x</div>
  15. <div>x</div>
  16. <ul><!-- This works -->
  17.  
  18.  
  19. <div>Tap to expand</div>
  20. <div>x</div>
  21. <ul><!-- This doesn't -->
  22.  
  23. <div>Tap to expand</div>
  24. <div></div>
  25. <div></div>
  26. <ul><!-- Nor does this -->