Cliquer sur un élément déclenche le clic sur un autre élément [JQuery]

Fabio

J'ai un menu haut avec les boutons home, prodotti, infoet 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.

capture d'écran

Je voudrais que lorsque j'appuie par exemple sur contattidans le menu du haut, cela déclenche le clic contattacidans le menu accordéon afin que la diapositive relative s'ouvre comme si j'avais cliqué directement sur contattaci(en utilisant JQuery).

capture d'écran2

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

pschueller

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.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

JS: Impossible de cliquer sur un élément pour déclencher un clic sur un autre

Test de directive angulaire; cliquer sur un élément ne déclenche pas le clic sur le document

Cliquer sur le pseudo-élément d'un bouton dans Firefox ne déclenche pas de clic

Impossible de cliquer sur le bouton « Ajouter » dans l'interface graphique (Erreur : un autre élément recevrait le clic)

Comment cliquer sur un élément en fonction du texte d'un autre élément

Le sélénium ne peut pas cliquer sur l'élément car un autre élément le masque

Le clic ne se déclenche pas si vous cliquez sur un élément enfant

Lorsqu'un élément `label` contient un enfant` span`, le fait de cliquer sur l'étiquette se déclenche sur l'enfant mais pas sur le parent

Ajax lier cliquer sur un autre élément

Behat comment cliquer sur un autre élément

jQuery sur le flou / focusout ne se déclenche pas sur un élément ajouté dynamiquement

Déclenchez un clic sur un élément différent en cliquant sur un autre div

déplacer un élément d'un div à un autre div avec un effet d'animation sur le clic du bouton en utilisant html et jquery

Comment cliquer sur le lien couvert par un autre élément? Python 3.6 et Selenium

Cliquer sur l'élément dans CheckedListBox a un impact sur le dernier élément cliqué

Comment cliquer sur un élément et ajouter du texte dans un autre élément

Jquery désactiver le clic sur un élément si le contenu est inférieur à 1

impossible de cliquer sur l'élément approprié dans un autre élément

cliquer sur un bouton d'élément ionique spécifique déclenche d'autres boutons

Comment déclencher le clic sur l'élément du fichier d'entrée en cliquant sur un autre élément

Prendre le contenu d'un élément dans un autre élément basé sur un élément de classe

Comment cliquer sur un élément <Td>

Impossible de cliquer sur un élément

Cliquez sur un élément caché via le survol ou de toute autre manière pour cliquer sur le bouton

Comment faire défiler jusqu'à un élément et cliquer sur le sélénium?

Sélénium: comment cliquer sur le premier enfant d'un élément html

Comment cliquer sur un élément d'emballage ReactJS ?

Safari iOS : faire glisser sur l'élément avec le gestionnaire de clics déclenche parfois un clic en dehors de l'élément

Supprimer l'élément avec un clic sur le bouton

TOP liste

  1. 1

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  2. 2

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  3. 3

    Microsoft.WebApplication.targets

  4. 4

    knn classification 10 plis de l'outil et du tri

  5. 5

    Quelle est la relation entre le modèle et le tableau ? C'est compliqué

  6. 6

    Créer un système Buzzer à l'aide de python

  7. 7

    Fonction de puissance en Java

  8. 8

    opérations en virgule flottante dans go

  9. 9

    Comment définir la couleur de l'intersection dans un diagramme de Venn?

  10. 10

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  11. 11

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  12. 12

    AutoMapper.Collection.EFCore - Erreur générée lors de la configuration

  13. 13

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

  14. 14

    Comment remplir les valeurs manquantes avec plusieurs colonnes dans R

  15. 15

    Comment puis-je ajouter un UIView sous mon contrôleur de barre d'onglets par programme?

  16. 16

    Yat-il un référentiel maven application Java à démarrer rapidement 11

  17. 17

    Comment rechercher des éléments dans une ArrayList? - Java

  18. 18

    Comment utiliser HttpClient avec TOUT cert ssl, quelle que soit la « mauvaise » est

  19. 19

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  20. 20

    Sélectionnez le bouton radio sur la saisie de texte

  21. 21

    Placez le modeBar en haut au centre à l'aide de plotly.js

chaudétiquette

Archive