How to add triangle in top of dropdown content #4077

Closed
davodavodavo3 opened this Issue Jan 8, 2017 · 3 comments

Projects

None yet

2 participants

@davodavodavo3
davodavodavo3 commented Jan 8, 2017 edited

Its possible to add trangle , and to show it first ,not before dropdown content open Dogfalo?
There is javascript animation on dropdown.js if I'm not mistaken.
// Show dropdown

activates.stop(true, true).css('opacity', 0)
     .slideDown({
           queue: false,
           duration: curr_options.inDuration,
           easing: 'easeOutCubic',
           complete: function() {
             $(this).css('height', '');
           }
         })
   .animate( {opacity: 1}, {queue: false, duration: curr_options.inDuration, easing: 'easeOutSine'});

No one can't give the solution in stackoverflow.
Example:
https://jsfiddle.net/sj2tm8cd/20/

@Nohinn
Nohinn commented Jan 16, 2017 edited

Hello @davodavodavo3, I have updated your example (I don't know if this is what you were looking for):
https://jsfiddle.net/sj2tm8cd/39/

To sum up. Put display: none to your .dropdown-button::before CSS declaration. Then add this:
.dropdown-button.active::before {display: inline}

@davodavodavo3

Hello Nohinn))) I dont want to display none arrow taht is in the button, i wont to show arrow that is in the content menu top))))

@davodavodavo3

Thank you but I have found a solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment