Note that there are some explanatory texts on larger screens.

plurals
  1. POtwitter bootstrap popover and accordion
    primarykey
    data
    text
    <p>I'm using twitter bootstrap framework and I'm trying to figure out how to provide accordion fallback for my popover(s),<br> I want to show popover on hover, but I want it to be destroyed (or hidden) when accordion status is set on "shown".<br> When accordion status is set on "hidden" I want the popover to be shown again on hover.. </p> <p>My html code:</p> <pre><code>&lt;div class="row"&gt; &lt;div class="span4 offset4 text-center accordion" id="#accordion2"&gt; &lt;div class="accordion-group"&gt; &lt;div class="accordion-heading"&gt; &lt;a href="#collapseOne" class="accordion-toggle btn" id="pop-prize" data-toggle="collapse" data-parent="#accordion2" data-placement="bottom" title="Fantabulous title"&gt; PUSH ME &lt;/a&gt; &lt;/div&gt; &lt;div id="collapseOne" class="accordion-body collapse evo-text-justify"&gt;Some lorem ipsum here.. Lorem. &lt;br&gt;Other ipsum text as well.&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></p> <p>script section: </p> <pre><code>var contenuto = "Some lorem ipsum here.. Lorem.&lt;br&gt; Other ipsum text as well."; $('#pop-prize').popover({ html: true, title: "Fantabulous title", content: contenuto, trigger: 'manual' }).hover(function (e) { jQuery(this).popover('toggle'); }); $('#accordion2').on('shown', function (e) { //popover hide here jQuery('#pop-prize').popover('hide'); }); $('#accordion2').on('hidden', function (e) { //popover back to be shown on hover jQuery('#pop-prize').popover('show'); }); </code></pre> <p><a href="http://jsfiddle.net/thundereo/6kw8F/3/" rel="nofollow">jsfiddle</a><br> Thank you</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload