Question

jQuery UI accordion面板包含单行菜单项列表。菜单项需要分组。我尝试使用<hr/>在菜单项之间添加行，但不显示行，而是显示空行。如何在没有空行的情况下在菜单项或其他weay之间添加行？

<a href="#">Panel1</a></h3>
        <ul style="padding-top:0px;padding-bottom:0px;padding-left:8px">
         <li ><a href='ref1'>Item1</a></li>
         <li ><a href='ref2'>Item2</a></li>
         <li><hr /></li>
         <li ><a href='ref3'>Item3</a></li>
         <li ><a href='ref3'>Item4</a></li>
..

使用的设置：

    $( "#accordion" ).accordion({
        fillSpace: false,
        autoHeight: true,
        navigation: true,
    collapsible: true,
    clearStyle: true
});

Answer 1

尝试使用以下ccs代码为每个项目加下划线：

li {
  border-bottom-style: solid;
  border-bottom-width:1px;
}

以下代码可用于仅为已定义的项目加下划线：
的 CSS：

li.underline { border-bottom-style: solid; border-bottom-width:1px; }

<强> HTML

<li class="underline">Item</li>

如何在ul list（jquery ui accordion panel）项目之间添加分隔符？

1 个答案: