title: On button click display list items, dropdown list should not hide until button is clicked again
body: <p>I have looked everywhere possible as I am trying to develop a drop down button, but instead of options then the buttons display unordered list items, but when a user click off the button the the button does not close, but in order to close the button, then the button needs to be click again.</p>
  
  <p>Down below you will find the way the button is when not clicked and the way the button appears when it has been clicked.</p>
  
  <p><a href="https://i.stack.imgur.com/9yRgh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9yRgh.png" alt="The way the button appears when it has not been clicked"></a></p>
  
  <p><a href="https://i.stack.imgur.com/HiqY8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HiqY8.png" alt="The way the button appears that has not been clicked"></a></p>
  
  <p>If you also go to the following website you will see an example of the button in action by click "See our list of websites"</p>
  
  <p><a href="https://www.rockstargames.com/cookies" rel="nofollow noreferrer">Button on a website for example</a></p>
  
  <p>Any help would be greatly appreciated and thanks in advance.</p>