Summit-style Drop-down Menus

This page demonstrates how the drop-down menus at Summit Brewery might work. To view it in action on this page, either click or mouse over the Products tab.

View the source code to see how I created this page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus tortor at tristique sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc et velit sollicitudin, tincidunt nisl et, dignissim magna. Duis adipiscing, odio a volutpat tincidunt, dolor odio egestas sapien, in aliquet lectus nunc aliquam orci. Donec vel dictum purus. Aliquam ultricies orci in risus venenatis dapibus. Mauris viverra orci et consequat consectetur. Quisque bibendum, ligula dignissim cursus semper, massa libero rutrum arcu, vel volutpat tellus urna at elit. In imperdiet ornare est, sed pulvinar velit euismod et. Etiam vitae lacinia lectus. Proin convallis a nulla ut feugiat. Aenean tristique placerat mollis. Curabitur aliquam facilisis semper.

Ut fringilla massa et convallis dapibus. Fusce at ultrices urna. Nullam tincidunt ante sed est euismod tincidunt. Suspendisse a mauris eget risus molestie rhoncus sed placerat diam. Nullam et facilisis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus faucibus eros. Nam massa augue, iaculis sed ultricies vel, molestie nec lorem. Integer in mi non magna congue convallis. In hac habitasse platea dictumst. Ut nec mi id risus tristique laoreet. Mauris sollicitudin enim et magna aliquet pellentesque. Curabitur mattis urna felis, id bibendum ipsum cursus non.

Ut posuere nibh et nunc lacinia bibendum. Praesent dictum risus mattis sem ullamcorper commodo. Suspendisse quis mollis nunc. Vestibulum elementum magna eu est porttitor tempor non a est. Nulla accumsan sem malesuada, fermentum elit tincidunt, volutpat tortor. Sed porttitor ante quis tempus accumsan. Curabitur blandit nisl porta tempor laoreet.