jQuery列表弹出，使整个可点击

我正在为一个内部系统创建一个疑难解答页面，其中一部分是有一个带有一些相关问题的bulletpointed列表，基本上我已经创建了一些jQuery来推导出问题的答案，但是这只在从文本开始单击时才起作用，我希望无论您在哪里单击页面，它都会弹出

以前你只能点击文本，但后来我在跨度上添加了一个display:block，这样它就可以在文本中或文本后的任何地方拾取，你知道我如何让它选择整个吗

提前谢谢

文章{宽度：760px；边距：0自动；文本对齐：中心；背景色：F2F2F2F2F2；-webkit边框半径：20px；-moz边框半径：20px；边框半径：20px；填充：20px；} article.footer{文本对齐：左；页边距顶部：20px；} 第条页脚ul{空白：0；填充：0；} article.footer ul li{列表样式类型：无；} article.footer ul li span，article.footer ul li span:在{display:block；}之前 文章页脚ul li ul li{背景颜色：fff；颜色：000；填充：10px 15px；字体重量：正常；行高：18px；字母间距：正常；页边空白：7px；-webkit边框半径：5px；-moz边框半径：5px；边框半径：5px；填充：10px；} .lst{ 边界：无； 字体家族：继承； 字体大小：14px； 颜色：继承； 背景：无； 光标：指针； 填充：25px 80px； 显示：内联块； 保证金：5px； 字母间距：1px； 大纲：无； 位置：相对位置； -webkit转换：所有0.3； -moz转换：全部为0.3s； 过渡：均为0.3秒； 字体大小：粗体； 宽度：710px； -webkit边界半径：5px； -moz边界半径：5px； 边界半径：5px； } .lst:之后{ 内容：； 位置：绝对位置； z指数：-1； -webkit转换：所有0.3； -moz转换：全部为0.3s； 过渡：均为0.3秒； } /*蓝色名单*/ .lst-b{背景：727272；颜色：fff；} .lst-b:hover{background:0066CC；} .lst-b:活动{背景：004c99；顶部：2px；} .lst-b:在{位置：绝对；高度：100%；左侧：0；顶部：0；行高：1.8；字体大小：140%；宽度：25px；文本对齐：中间；} /*蓝色列表A*/ .lst ba{填充：10px 10px 10px 33px；} .lst ba:before{background:rgba0,0,0,0.15；} .icon go:在{font family:FontAwesome；字体重量：100；内容：\f059；}之前 . 我有我的用户ID，但丢失/忘记了我难忘的数据和/或密码 您可以通过单击登录屏幕上的密码重置按钮来重置可记忆的数据和密码。 我的帐户已停用 如果您的帐户已停用，则您需要联系您的本地管理员，这通常是设置您帐户的人。如果您没有本地管理员或不知道管理员是谁，请。 我的登录尝试失败 如果您的登录尝试失败，可能是因为您输入了错误的用户ID、难忘的日期和/或密码，有时可能是这些因素的组合，我们建议您按下登录页面上的密码重置按钮。 如果您没有收到包含新详细信息的电子邮件，则可能是您的帐户设置在错误的电子邮件地址下，如果是这种情况，请。 $function{ $'expand'。查找'ul'。隐藏； $“展开”。查找“跨度”。单击函数E{ $this.parent.children'ul'。切换； }; }; 尝试改变

$('#expand').find('span').click(function(e){
    $(this).parent().children('ul').toggle();
});

到

试试这个：

$('#expand').on('click', 'li', function(e){

---

这非常有效，谢谢你：我会在期限一结束就接受答案：干杯！

$('#expand').on('click', 'li', function(e){