J'ai un menu haut avec les boutons home
, prodotti
, info
et contatti
. Ci-dessous, il y a un menu accordéon qui a toujours une diapositive ouverte et lorsque vous cliquez sur un titre, il change et ouvre la diapositive relative.
Je voudrais que lorsque j'appuie par exemple sur contatti
dans le menu du haut, cela déclenche le clic contattaci
dans le menu accordéon afin que la diapositive relative s'ouvre comme si j'avais cliqué directement sur contattaci
(en utilisant JQuery).
Le code HTML du menu supérieur ressemble à ceci:
<div id='cssmenu'>
<ul>
<li id="home" class='active'><span>Home</span></li>
<li id="prodotti"><span>Prodotti</span></li>
<li id="info"><span>Info</span></li>
<li id="contact" class='last'><span>Contatti</span></li>
</ul>
</div>
Le code HTML du menu accordéon ressemble à ceci:
<div class="container">
<div id="demo">
<ol>
...................
<li id="contattaci">
<h2><span>Contattaci</span></h2>
<div>
<iframe src="form.php"width="625px" height="400px" ></iframe>
</div>
<p class="ap-caption">e-mail</p>
</li>
......
</ol>
</div>
<div>
So when I click on the contatti
item of the top menu (with id="contact
") I would like to simulate a click on "contattaci
" in the accordion menu (with id="contattaci
") so that a slide with a contact form opens next to "contattaci
".
I'm not sure that it is possible, anyway I tried using this JQuery code:
<script>
$(document).on('click', '#contact', function() {
$("#contattaci").click();
});
</script>
This doesn't work. I hope you can help me to fix the problem.
EDIT: The css accordion menu uses css3 but also a jquery library called jquery.accordionpro.min.js that makes use of JQuery Swipe library (https://github.com/jgarber623/jquery-swipe). Probably the slide can be opened using a function in Jquery Swipe library. What do you think? If you can help let me know.
Lien vers le site Web pour une analyse plus approfondie: http://tinyurl.com/m2u5t7d
J'essaierais de cette façon:
$(document).on('click', '#contact', function(event) {
event.preventDefault();
$("#contattaci h2").click();
});
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots