I need to make the user click on div
with class panel-heading
( h2
), scroll the screen to the sitebusca.html/
link. How can I create this code?
HTML:
<div class="panel panel-default pulse animated">
<span class="side-tab" data-target="#tab1" data-toggle="tab" role="tab"
aria-expanded="false">
<div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse"
data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<div class="text-pan animated bounce">
<i class="glyphicon glyphicon-map-marker gly-circle">
</i>
</br>
<h2 id="title-cat">
Título Collapse
</h2>
</div>
</div>
</span>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingOne">
<div id="panel-mob" style="margin-bottom: 50px;">
<div class="thumbnail">
<img data-src="holder.js/100%x200" alt="100%x200" src="imagens/background/bg-mob-one.jpg">
<div class="caption-mob panel-body">
<h3 class="caption-title-mob animated fadeInDown">
TESTE NOVO SITE
</h3>
<p class="caption-text-mob animated fadeInDown">
Sub descrição
</p>
<center>
<a href="sitebusca.html/" class="btn btn-success btn-lg btn-config btn-mob animated fadeInLeft">
acessar »
</a>
</center>
</div>
</div>
</div>
</div>
</div>