6 Replies Latest reply on Jul 20, 2013 11:37 AM by robboerman

    how to make a div "transparent" to events ?

    AMULI Level 4

      Hi all,

       

      I am trying to build side by side blocks that are overlapping each other when expanded. A picture is worth a thousand words.

       

      Closed :

      overlap1.png

       

      First block expanded :

      overlap2.png

       

      The problem : although the visible parts of the three symbols do not overlap, the area corresponding to their expanded state do overlap. And none of the six possible stacking orders avoid masking of at least one of the buttons, the mouseover and click event being captured by an overlapping element.

       

      In each symbol, I would like to make all the div "transparent" to those events, except the one containing the button symbol instance.

       

      Anyone having longer experience with jQuery that could point me to the right direction ? Thank you.

       

      Gil

       

      Files here : https://app.box.com/s/ipuems5isk0at4bw6wdp