单击一个元素会触发另一个元素的点击[JQuery]

Question

我有一个顶部菜单，其中包含home，prodotti，info和contatti按钮。下面是一个手风琴菜单，它总是一个打开的幻灯片，当你点击一个标题时，它会改变并打开相对幻灯片。

我希望当我在顶部菜单中按contatti时，它会触发手风琴菜单中的contattaci点击，以便相对幻灯片打开，就像我直接点击{{ 1}}（使用JQuery）。

顶部菜单的HTML如下所示：

contattaci

手风琴菜单的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>

因此，当我点击顶部菜单的<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> 项目时（ID =＆＃34; contatti＆＃34;）我想模拟点击＆＃34; { {1}}＆＃34;在手风琴菜单中（ID =＆＃34; contact＆＃34;），以便在＆＃34; contattaci＆＃34;旁边打开带有联系表单的幻灯片。

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

contattaci

这不起作用。我希望你能帮我解决问题。

编辑：css手风琴菜单使用css3，还有一个名为jquery.accordionpro.min.js的jquery库，它使用JQuery Swipe库（https://github.com/jgarber623/jquery-swipe）。可以使用Jquery Swipe库中的函数打开幻灯片。你怎么看？如果你能帮我告诉你。

链接到网站进行进一步分析：http://tinyurl.com/m2u5t7d

Answer 1

我会这样试试：

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

Answer 2

$(document).on('click', '#contact', function(e) {
    $("#contattaci").trigger('click');
});

Answer 3

我知道我聚会晚了一点，但是...内在点击

$("#contattaci h2").click();

将其更改为

$("#contattaci h2").trigger("click");