Как добавить разделитель между элементами списка UL (JQuery UI аккордеон)? - PullRequest
Новая
       9

Как добавить разделитель между элементами списка UL (JQuery UI аккордеон)?

0 голосов
/ 06 ноября 2011

Аккордеонная панель jQuery UI содержит список однострочных пунктов меню.Пункты меню необходимо сгруппировать.Я попытался добавить строку между пунктами меню, используя <hr/>, но строка не появляется, вместо этого появляется пустая строка.Как добавить строку между пунктами меню или другое, чтобы сгруппировать элементы без пустой строки? 

<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
});

1 Ответ

4 голосов
/ 06 ноября 2011

Попробуйте следующий код 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>
...