Dropdown

lx-dropdown is a directive that create a dropdown menu.

Two directives need to be transcluded.
lx-dropdown-toggle that transclude the toggle button and lx-dropdown-menu that transclude the menu content. You can use the service if you want to open a dropdown programmatically.

Parameter	Type	Default	Description
lx-effect	string	expand	Specify the dropdown menu effect. Options: expand, fade
lx-escape-close	boolean	true	Specify if the dropdown should be closed with escape key.
lx-hover	boolean	false	Specify if the dropdown should be opened on toggle hover.
lx-hover-delay	integer		The dropdown menu open delay in ms (if lx-hover).
lx-offset	integer		The dropdown menu offset in px (if not lx-over-toggle).
lx-over-toggle	boolean	false	Specify if the dropdown should be opened over the toggle button.
lx-position	string	left	Define the dropdown menu position. Options: left, right, center (if lx-width)
lx-width	string		Define the dropdown menu width in pixels. If a percent value is defined, the dropdown menu width will be relative to the width of the toggle button.

Parameter	Type	Description
dropdownId*	string	The dropdown id specified in the directive id attribute.
targetElement*	string	The target element selector.

Parameter	Type	Description
dropdownId*	string	The dropdown id specified in the directive id attribute.