怎么让按钮和其它元素有点击互动？

Question

标题描述的不准确...

如图，现在直接点击右下角的黑色邮件图标，这个表单就会展开，像这样：

现在我想点击“MORE”的时候，也能展开，我试了a标签绑定class，但是好像没用...

补充：
这是表单组件的代码

这是点击展开的JS代码：

$(".feedbackHeader").click(function () {
    if (feedbackHOnOff) {
        $(this).parent().animate({height: iFeedbackH}, 600)
        $(".feedback .closeBtn").show();
        feedbackHOnOff=false;
    }else{
        $(this).parents('.feedback').animate({height: 40}, 600)
        $(".feedback .closeBtn").hide();
        feedbackHOnOff=true;
    }
})

Answer 1

给more绑定点击事件？
比如：

<button id="more">more</button>
<span id="span">spanddddd</span>

document.getElementById('span').addEventListener('click', () => {
    alert('span clicked');
});
document.getElementById('more').addEventListener('click', () => {
    document.getElementById('span').click();
});

Answer 2

使用label标签？通过 for属性将两个元素关联起来

<label for="menu">MORE</label>

...
<!--邮件图标-->
<button id="menu"></button>

这样，点击 MORE 就如同点击邮件图标了

Answer 3

点击右下角的黑色邮件图标时做了操作，导致这个表单展开，就是表单的展开和关闭是通过什么控制的，在点击“MORE”的时候也做相同的操作

Answer 4

$(".feedbackHeader, .more").click(function () {
    if (feedbackHOnOff) {
        $(".feedbackHeader").parent().animate({height: iFeedbackH}, 600)
        $(".feedback .closeBtn").show();
        feedbackHOnOff=false;
    }else{
        $(".feedbackHeader").parents('.feedback').animate({height: 40}, 600)
        $(".feedback .closeBtn").hide();
        feedbackHOnOff=true;
    }
});