Jquery 单击时下拉列表（项目后的项目）

我有一行文字，下面有一个列表。我想点击文本，然后列表就会下拉下来——具体来说，一个项目接着一个项目快速地连续出现，以提供一个很好的平滑效果。我希望这是清楚的。实现这一目标的最佳方式是什么？代码如下。谢谢

注意：到目前为止，几乎没有javascript/jquery知识。抱歉

HTML:

---

使用JQuery，您可以执行以下操作：

var速度=100
$（“#珀斯功能”）。单击（功能（）{
var canAnimate=真；
$（“ul#perth list li”）。每个（函数（索引）{
如果（$（this）.is（“：动画”））
返回canAnimate=false；
});
if（卡那尼马特）
$（“ul#perth list li”）。每个（函数（索引）{
如果（！$（this）.is（“：可见”））
$（此）.delay（速度*索引）.slideDown（速度）；
其他的
$（这个）.delay（速度*（$）.length-index））.slideUp（速度）；
});
});
ul#珀斯列表li{
显示：无；
}

主要功能


15000m²重型混凝土硬面露天仓库
1900m²重型混凝土地下雨棚区域
5550m²高桁架仓库空间
1600m²维护设施
45000升自备柴油加油站
700m²车队备件区和；租赁备件
460m²隔离卧底
带油分离系统的90m²卡车清洗间设施
现场吊装至16吨
如果您希望只使用HTML：

对于HTML中的下拉列表，可以使用
标记。这通常在要求用户从列表中选择选项时使用。但是，我想在您的案例中，您仍然可以仅出于显示目的而使用此方法


您的第一行文本将进入第一个选项标记

使用


15000m²重型混凝土硬面露天仓库
1900m²重型混凝土地下雨棚区域
5550m²高桁架仓库空间
1600m²维护设施
45000升自备柴油加油站
700m²车队备件区和；租赁备件
460m²隔离卧底
带油分离系统的90m²卡车清洗间设施
现场吊装至16吨
试试看answer@LowMatic这似乎不是我要找的。对不起，如果不清楚的话。我希望这样，当点击“关键功能”时，无序列表就会出现。我只希望它出现在每个列表项下滑（或从左）单独。完美！简单，效果很好。谢谢两个小改动-我能让它们滑下而不是褪色吗？我还需要能够再次关闭它。编辑：计算出了向下滑动（将fadeIn更改为slideDown），但这只是一种显示效果。我希望列表项本身能够从标题中向下滑动。@ColinStewart我已经更新了我的帖子-希望这有帮助。。。请详细说明你的意思与幻灯片下降。。。现在要下线几个小时了，祝你好运。效果很好！不要担心滑倒。谢谢！
<p class="facilities" style="color:#009ee3" id="perth-features">Key features</p>        
  <ul class="facilities" id="perth-list">
    <li>15,000m² heavy duty concrete hardstand open storage</li>
    <li>1,900m² heavy duty concrete undercover canopy area</li>
    <li>5,550m² high truss warehouse space</li>
    <li>1,600m² maintenance facility</li>
    <li>45,000 Litre self bunded diesel fuelling station</li>
    <li>700m² Spare parts area for fleet &amp; rental spares</li>
    <li>460m² segregated undercover</li>
    <li>90m² truck wash bay facility with oil separation system</li>
    <li>Onsite lifting to 16tonne</li>
  </ul>
</p>

#perth-list {
  display: none;
}

<select>
     <li>15,000m² heavy duty concrete hardstand open storage</li>
    <li>1,900m² heavy duty concrete undercover canopy area</li>
    <li>5,550m² high truss warehouse space</li>
    <li>1,600m² maintenance facility</li>
    <li>45,000 Litre self bunded diesel fuelling station</li>
    <li>700m² Spare parts area for fleet &amp; rental spares</li>
    <li>460m² segregated undercover</li>
    <li>90m² truck wash bay facility with oil separation system</li>
    <li>Onsite lifting to 16tonne</li>
</select>