Trying to have a div fade in on button press with transition time and delay, but can't animate switch between display:none and display:inline?
I have a
div on a website that is currently set up such that it starts at
opacity:0; and transitions to
button press. I chose that since I found you couldn't have a switch from
display:inline; have a transition on
button press. However, now when the page is viewed in smaller windows, there's a scroll bar, since the content is still there, just not view-able. What choices do I have? Can I somehow get the
div to have
display:none; and still fade in?
I have no knowledge of jQuery, so if that's somehow a solution to this problem could you guys spell it out very simply for me? I'll put a JSFiddle below.
Thanks for any help!