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

Question

我与按钮的顶部菜单home,prodotti,info和contatti.下面是一个手风琴菜单,它始终是一个打开的幻灯片,当您点击标题时,它会更改并打开相对幻灯片.

我希望当我按下contatti顶部菜单中的示例时,它会触发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>

手风琴菜单的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手风琴菜单使用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');
});