使用 jQuery 函数关闭多个 DIV 元素答案

【问题标题】：Close multiple DIV elements with a jQuery function使用 jQuery 函数关闭多个 DIV 元素
【发布时间】：2009-08-15 13:39:15
【问题描述】：

我需要一个用于 jQuery 的小函数来关闭多个 DIV 元素，但我遇到了 JS 语法问题。

我走了这么远：

function closePanels{ $("#servicesPanel").hide("fast"); $("#portfolioPanel").hide("fast"); $("#contactPanel").hide("fast"); $("#aboutPanel").hide("fast"); };

对我来说听起来很合乎逻辑：那样我想从 DOM 中的各个点调用函数。我在哪里弄错了？如何编写此函数以使其正常工作？

谢谢。

【问题讨论】：

我想你可能想买一本好的 JavaScript 书，然后坐下来看看。在继续之前让自己对语言更加熟悉。

标签： javascript jquery dom syntax function

【解决方案1】：

哦，好近！

这个：

function closePanels{

需要：

function closePanels () {

注意括号的添加（因为它是一个函数）。

【讨论】：

谢谢。顺便说一句：我如何从另一个函数中调用它？
与任何语言相同 - closePanels()

【解决方案2】：

除了缺少的 () 你为什么不给每个面板 div 一个类的说面板。这将允许您通过说来编写更少的隐藏方法

$('div.panel').hide();

当然，您可能有更多面板并且您不希望将它们全部隐藏，但如果没有标记，我无法判断。它只是一种选择。

【讨论】：

我的项目几乎没有 ID 元素（例如，“#portfolioPanel”就是其中之一）。我需要单独打开它们并同时关闭它们，形成网站的各个点。这就是为什么（我认为）我需要这个函数，所以我可以随时随地调用它，为用户重置内容。