Home/ Questions/Q 8436375
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T07:09:45+00:00

I am having trouble with adding a little V arrow to a expanding div

  • 0

I am having trouble with adding a little “V” arrow to a expanding div on my page.
I want to to sit on the border of the div and go down when the div expands (and possibly turn around into a “^” arrow)

But I have no idea how to get it to float ontop of the border, could anybody please help me or tell me how to tackle this problem?

Page: http://www.trulyscience.com/test/ (The question thing on the bottom right)

Code: http://jsfiddle.net/tJugd/1070/

I got a arrow at the bottom now, so the top one can also disappear when the div opens, but no idea if that is simpler 😛

*updated tags

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would do it a slightly different way. I would use the same div when open and closed, but change the class so that a different icon would appear.

    Here we go: http://jsfiddle.net/tJugd/1091/

    Is this what you were meaning? Let me know if not.

    EDIT – Just updated the demo to put the arrow in the center!

    FINAL EDIT – added extra css and html to place arrow in white container div

    • 0