Description

This is a simple pattern which makes sure that only one menu item (

  • ) has the class open, with the rest having the class closed. This helps designers can focus on setting the styles for the classes open, and closed, and and can rely on the classes being set consistently.

    • Examples

    ####This is a very simple list, in which the

  • elements change color and ####font upon focus.

    • On loading,

    If the focus is on the second element,