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>> </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
Post a Comment