Javascript 单击其他页脚元素时打开页脚元素

我的页脚有一个问题： 我希望我的页脚位于右下角并固定，一开始很少，然后展开以在使用jquery函数单击时显示li元素。on（）

我试着超越部门“联系我们”，但没有任何效果

这是一把JS小提琴：

我的HTML部分：

<footer>
    <section class="footer">
        <div class="contact-us"><b>Contact us!</b>

            <ul class="contactusshow">
                <li> Our mail : aaaa@aaa.com </li>
                <li> Phone : 00 00 00 00 00</li>
                <li> Address: everywhere! </li>
            </ul>
        </div>
    </section>
</footer>

而JS部分：

jQuery(function($){
 $('.contact-us').on('click' function() {
    $(this).find('.contactusshow').slideToggle();
  });

 });

你有什么线索吗

---

谢谢

请查看下面的内容。这对你有帮助

jQuery（函数（$）{
$（'.contact-us'）。在（'click'，function（）上{
$（this.find（'.contactusshow'）.slideToggle（）；
});
});
页脚{
位置：固定；
底部：5px；
右：10px；
}
.footer{}
.联系我们：悬停{
背景：#A26161；
文字装饰：无；
}
.联系我们{
背景色：#8B0000；
颜色：#fff；
填充物：5px 5px 5px；
边界半径：2px2px2px2px；
显示器：flex；
右：0%；
}
.联系方式{
背景色：#8B0000；
颜色：#fff；
显示：无；
}

联系我们！

我们的邮件：aaaa@aaa.com
电话：00
地址：到处都是

在您的代码中，您只是忘记添加逗号
$（'.contact-us'）。在（'click'function（）{
到这个
$（'.contact-us'）。在（'click'，function（）{
@Alex:如果您得到想要的输出，请接受我的答案。谢谢！当我将它包括在我的html文件中而不是我的js文件中时，它就起作用了，所以我现在来看：）你能共享你的js文件吗？它只有以下内容：jQuery（函数（$）{$（'.contact-us'）。在（'click'，函数（）{$（this）.find（'.contactusshow'）.slideToggle（）；}）；}）；
jQuery(function($){
 $('.contact-us').on('click' function() {
    $(this).find('.contactusshow').slideToggle();
  });

 });