Bonjour,
Je développe actuellement une partie de site web. Je souhaite utiliser Zoombox pour agrandir une div lors d'un clic sur une icone. Cependant, mon code ne fonctionne pas et je n'arrive à comprendre pourquoi.
Le html :
<div class="panel panel-default"><!--style="width:350px;"-->
<div class="panel-heading header">
<span class="pull-right">
<i class="fa fa-search-plus box-icon zoomBox" id="ZA1" title="" style="margin-right:10px;"></i>
<i class="fa fa-minus box-icon reduce" id="RA1" title="Réduire la boîte"></i>
<i class="fa fa-plus box-icon PA" id="PA1" title="Agrandir la boîte"></i>
</span>
<span class="pull-left">
<i class="fa fa-briefcase"></i>
</span>
<h4 class="panel-title">Boite à outils</h4>
</div>
<div class="panel-body zoombox" id="A1">
<p>- Liens internes</p>
<p>- Liens notes</p>
<p>- LDA</p>
</div>
</div>
Le JS :
$(document).ready(function(){
$("#ZA1").click(function(){
$("#A1").zoombox();
});
});
Je veux utiliser zoombox sur #A1 lors du clique sur #ZA1.
Merci d'avance