javascript - Bootstrap collapsible not working in mobile -


i have collapsible below

<div class="panel-group" id="accordion">     <!-- first panel -->     <div class="panel panel-default">         <div class="panel-heading">              <h4 class="panel-title" data-toggle="collapse" data-target="#collapseone">                     <span><img class="pull-right" src="https://pandatracking.com/img/play.png"><img class="thumb" src="https://pandatracking.com/assets/meal.gif"> meal planner</span>                 </h4>&gt;         </div>         <div id="collapseone" class="panel-collapse collapse">             <div class="panel-body">                 anim pariatur cliche reprehenderit,                  enim eiusmod high life accusamus terry richardson ad squid.             </div>         </div>     </div>  </div> 

and javascript

$(function () {       $('#accordion').on('show.bs.collapse', function () {         if (active) $('#accordion .in').collapse('hide');     });  }); 

here bootply http://www.bootply.com/vj8z1spuvz

when touch text in panel header not collapsing/expanding in mobile phones.wheareas if touch image in panel header collapsing/expanding.this not happening in desktop.any 1 know why strange behaviour in mobile ?


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -