1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.5 ToggleTrigger on hover?

Discussion in 'Styling and Customization Questions' started by Stuart Wright, Nov 16, 2015.

  1. Stuart Wright

    Stuart Wright Well-Known Member

    Hello folks,
    I have a div area which, when hovering over it, changes some <li> elements it contains from display:none to display:block.
    .dap_inline:hover #dap_search_inline > ul > li > ul > li {display: block;}

    The height of the div therefore expands as you hover over it and contracts as you over out.
    To avoid accidental triggering of the expansion of the div, I want there to be a short (maybe 1s) delay after hovering for the elements to display:block. Is this possible? This is a 'nice to have'.

    More important, I want the div to expand smoothly like ToggleTrigger does.

    I've tried without success to use the transition-delay and transition min-height css to achieve this.

    Any ideas please?
     
  2. Steve F

    Steve F Well-Known Member

    Stuart Wright likes this.
  3. Stuart Wright

    Stuart Wright Well-Known Member

  4. Steve F

    Steve F Well-Known Member

    Great glad it helped. Only thing is on mobile/touch screen, touching a link, any link, in the box expands it. Wondering if you could add an empty href if it could works as expand and close. You could hide the empty href on desktop with a class.
     
  5. Stuart Wright

    Stuart Wright Well-Known Member

    I was wondering how to do that. Need it to expand when you tap any link, though.
     

Share This Page