The show.bs.dropdown event occurs when the dropdown is about to be shown.
The shown.bs.dropdown event occurs when the dropdown is fully shown.
The hide.bs.dropdown event occurs when the dropdown is about to be hidden.
The hidden.bs.dropdown event occurs when the dropdown is fully hidden.
Note: The data-toggle="dropdown" attribute is required regardless of whether you call the dropdown() method.