jQuery飛出菜單-如何用行分隔兩個不同的項目

Question

我有一個類似於此頁面上的彈出菜單的頁面http://jc-designs.net/demo/flyout.html

將鼠標懸停在主選項卡上時，是否可以在此菜單上的另一個項目之間插入一行？

因此，對於“家”而不是：

關於此模板
閃
jQuery的

這將是：

關於此模板
--------------------------------------
閃
--------------------------------------
jQuery的

Answer 1

最好的方法是在CSS中添加類似

.listTab li{
   border-bottom: 1px;
   border-style : dashed;
}

Answer 2

為每個項目添加底部邊框：

var sel = "ul > li > ul > li";
$(sel).css("border-bottom", "black solid 1px");

您也可以有條件地不將此樣式添加到最后一個元素（ :last-child ）