intro-section-with-dropdown-navigation-main

Great challenge.

Two things I could not figure out.

I wanted to close the "company" and "features" tabs when clicked outside of them. If someone could teach me simple solution I'd be grateful.

Other thing is, I wanted those tabs to appear with opacity transition 0 to 1. But since they were always there, the links inside were clickable even though it was invisible.

So I had to go with display:none => display:block. But i lost the transition effect.

Is there a way to make display:block transition effect? Or something similar?