Add toggle support to popover (excid3#142)

I found it useful in my use case where I have a few buttons in the popover and the task can be a more repetitive one.

Author: adrianthedev

src/popover.js

@@ -14,6 +14,9 @@
 //    </div>
 //  which shows you local search results before normal organic results.
 //</p>
+//
+// You can also toggle the popover using the click action.
+// <div class="popover inline-block" data-controller="popover" data-action="click->popover#toggle" data-action="mouseover->popover#mouseOver mouseout->popover#mouseOut">
 
 import { Controller } from '@hotwired/stimulus'
 
@@ -36,4 +39,12 @@ export default class extends Controller {
   mouseOut() {
     this.contentTarget.classList.add('hidden')
   }
+  // Toggle the popover on demand
+  toggle() {
+    if (this.contentTarget.classList.contains('hidden')) {
+      this.contentTarget.classList.remove('hidden')
+    } else {
+      this.contentTarget.classList.add('hidden')
+    }    
+  }
 }