Javascript 如何使此展开/折叠常见问题列表正常工作？

下面是我想要展开/折叠的列表：我的目标只是切换展开/折叠，让这个列表像手风琴一样工作。我不明白的是，如何使用下面提供的javascript从隐藏状态转换为可见状态。非常感谢任何资源或直接帮助

航运

为什么我看到的是某些商品的价格，而不是其他商品的价格？我想买的东西怎么定价
这是对上述问题的简单回答。
我如何处理隔夜交货
AMOeasy提供五种隔夜运输选项。在结帐过程中，只需选择最符合您需求的选项并处理您的订单。

UPS订单必须在东部标准时间下午5:30/太平洋标准时间下午2:30之前发出
联邦快递的订单必须在东部标准时间晚上8:00/太平洋标准时间下午5:00之前发出

如果您担心该商品可能没有库存，请致电877-AMO-4LIFE（877-266-4543）与客户服务部联系。

下面是我正在使用的JavaScript

<script type="text/javascript">
$(document).ready(function(){
    $('li a').click(function () {
        var questionname= this.name;
        $("#"+questionname).toggle();
        $(this).parent().toggleClass("minusimageapply");
    });
});
</script>

$（文档）.ready（函数（）{
$（'LIA'）。单击（函数（）{
var questionname=this.name；
$（“#”+questionname）.toggle（）；
$（this.parent（）.toggleClass（“minusimageapply”）；
});
});

试试这个

$('li a').click(function () {
    var $this = $(this);
    $this.parent().next().toggleClass("minusimageapply").slideToggle();
});​

试试这个

$('li a').click(function () {
    var $this = $(this);
    $this.parent().next().toggleClass("minusimageapply").slideToggle();
});​

---

我可以推荐一些有效的HTML（假设

li

是的有效子元素，仅

ol

或

ul

，而

div

不是这些元素中的有效子元素），例如：

<ul>
    <li class="q">Question One</li>
    <li>first answer to question one</li>
    <li>second answer to question one</li>
    <li class="q">Question two</li>
    <li>first answer to question two</li>
    <li>second answer to question two</li>
    <li class="q">Question three</li>
    <li>first answer to question three</li>
    <li>second answer to question three</li>
</ul>

或使用

dl

：

<dl>
    <dt>Question One</dt>
    <dd>first answer to question one</dd>
    <dd>second answer to question one</dd>
    <dt>Question two</dt>
    <dd>first answer to question two</dd>
    <dd>second answer to question two</dd>
    <dt>Question three</dt>
    <dd>first answer to question three</dd>
    <dd>second answer to question three</dd>
</dl>
​

---

.

我可以推荐一些有效的HTML（假设

li

仅是的有效子元素

ol

或

ul

，而

div

不是这些元素的的有效子元素），例如：

<ul>
    <li class="q">Question One</li>
    <li>first answer to question one</li>
    <li>second answer to question one</li>
    <li class="q">Question two</li>
    <li>first answer to question two</li>
    <li>second answer to question two</li>
    <li class="q">Question three</li>
    <li>first answer to question three</li>
    <li>second answer to question three</li>
</ul>

或使用

dl

：

<dl>
    <dt>Question One</dt>
    <dd>first answer to question one</dd>
    <dd>second answer to question one</dd>
    <dt>Question two</dt>
    <dd>first answer to question two</dd>
    <dd>second answer to question two</dd>
    <dt>Question three</dt>
    <dd>first answer to question three</dd>
    <dd>second answer to question three</dd>
</dl>
​

.

或此

$（'li.faq-answer'）.hide（）；
$（'li.faq question'）。单击（函数（）{
$（this.next（）.slideToggle（）；
});
li{
列表样式：无；
}
li.faq-question{
字号：700；
}
常见问题解答：悬停{
光标：指针；
}


问题1
Curabitur blandit tempus porttitor
问题2
Maecenas faucibus mollis interdum。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭
问题3
Aenean lacinia bibendum未经许可。Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一个很好的例子
问题4
Aenean eu leo quam。威尼斯人前庭的佩伦茨克ornare sem lacinia quam。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭
问题5
大型通用汽车公司、意大利圣骑士等
或此


$（'li.faq-answer'）.hide（）；
$（'li.faq question'）。单击（函数（）{
$（this.next（）.slideToggle（）；
});
li{
列表样式：无；
}
li.faq-question{
字号：700；
}
常见问题解答：悬停{
光标：指针；
}


问题1
Curabitur blandit tempus porttitor
问题2
Maecenas faucibus mollis interdum。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭
问题3
Aenean lacinia bibendum未经许可。Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一个很好的例子
问题4
Aenean eu leo quam。威尼斯人前庭的佩伦茨克ornare sem lacinia quam。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭
问题5
大型通用汽车公司、意大利圣骑士等
我在您的代码中没有看到任何id为
的元素，而
$（“#”+questionname）
选择了一个id等于
questionname
返回值的元素。此外，
div
不是
ul
或
ol
的有效子级，
li
是除
ol
或
ul
之外的任何无效子级。非常感谢您的帮助。可以看出，在理解JavaScript以及它如何关联和更改HTML和CSS方面，我是个新手。我对
ol
、
ul
和
li
与
div
之间的关系更清楚了，再次感谢你。我在你的代码中没有看到任何带有
id
的元素，而
$（“#”+questionname）
选择了一个
id
等于
questionname
返回的元素。此外，
div
不是
ul
或
ol
的有效子级，
li
是除
ol
或
ul
之外的任何无效子级。非常感谢您的帮助。可以看出，在理解JavaScript以及它如何关联和更改HTML和CSS方面，我是个新手。我对
ol
、
ul
和
li
vs
div
之间的关系更清楚了。再次感谢你的建议，我无法使它与我正在尝试做的工作相配合。非常感谢你提供了一个活生生的例子。我不知道有这样的服务可以使用JavaScript、样式和HTML。再次感谢！谢谢你的建议，我无法使它与我试图做的工作。主要是