html - 从 html 下拉列表中停止多项选择

Question

我有一个表格，在其中一个列中，我有一个textbox和一个事件，在, opens(expands)顶部div有一个事件，然后当其中的图像被选择时，或者如果用户单击页面上的其他任何位置，它会得到关闭。onClicktextboxdiv

问题是，如果我打开多行并div在每一列中打开它，我希望所有其他 div 自动关闭，就像它发生在“手风琴”中一样。如何通过jquery做到这一点？

<ul class="ul_color_palette" >
<li><img src="img/color_palette/ico_red_sq.png"/> <img src="img/color_palette/ico_blue_sq.png"/></li>  
<li><img src="img/color_palette/ico_red_circle.png"/> <img src="img/color_palette/ico_blue_circle.png"/> </li>  
<li><img src="img/color_palette/ico_red_tri.png"/> <img src="img/color_palette/ico_blue_tri.png"/></li>  
</ul>

关联Here

Answer 1

如果您想在用户选择所需的图像后关闭所有这些，只需为要分配给每个要扩展的 div 的 id 使用正确的命名模式，然后您可以使用 jQuery 的slideUp功能隐藏所有以特定名称开头的 DIV（在此处查看此链接以了解如何使用selector可以引用多个 DIV：jQuery 选择器中的通配符）。

另外，请在此处查看此页面：http: //api.jquery.com/slideUp/