jquery - 单击一个元素会触发单击另一个元素 [JQuery]

Question

我有一个顶部菜单，其中包含按钮 home、prodotti、info 和 contatti。下面有一个 Accordion 菜单，其中始终有一张打开的幻灯片，当您单击标题时，它会发生变化并打开相关幻灯片。

我希望当我按下顶部菜单中的 contatti 时，它会触发点击 Accordion 菜单中的 contattaci ，以便相对幻灯片打开，就像我直接点击了 contattaci(使用 JQuery)。

顶部菜单的 HTML 如下所示:

<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>

Accordion 菜单的 HTML 如下所示:

<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>

因此，当我单击顶部菜单的 contatti 项(id="contact")时，我想模拟单击“contattaci” ”(带有 id="contattaci")，以便在“contattaci”旁边打开带有联系表单的幻灯片。

我不确定这是否可能，无论如何我尝试使用这个 JQuery 代码:

<script>
    $(document).on('click', '#contact', function() {
        $("#contattaci").click();
    });
</script>

这行不通。我希望你能帮我解决这个问题。

编辑:css Accordion 菜单使用 css3，但也使用名为 jquery.accordionpro.min.js 的 jquery 库，该库使用 JQuery Swipe 库 ( https://github.com/jgarber623/jquery-swipe )。也许可以使用 Jquery Swipe 库中的函数打开幻灯片。你怎么认为？如果您能帮忙请告诉我。

Link到网站进行进一步分析:

Answer 1

我会这样尝试:

$(document).on('click', '#contact', function(event) { 
    event.preventDefault(); 
    $("#contattaci h2").click(); 
});