在带有印刷字体的特殊标记后插入一个子菜单

Question

在特殊标记(在div结束之后)之后插入子菜单时遇到问题。我想要的是:

<li>
 <div class="toggle">Menu1</div>
 <ul style="display: none;" class="content">
    <li class="first2"><a href="#">menu2</a></li>
   <li class="first2"><a href="#">menu2</a></li>
 </ul>
</li>

但是我得到的是:

<li>
 <div class="toggle">Menu1
 <ul style="display: none;" class="content">
    <li class="first2"><a href="#">menu2</a></li>
   <li class="first2"><a href="#">menu2</a></li>
 </ul>
 </div>
</li>

我的代码字体是:

 lib.menuVertical= HMENU
 lib.menuVertical.wrap = <ul class="rgaccordmenu"> |</ul>
 lib.menuVertical.entryLevel = 1
 lib.menuVertical{
     1 = TMENU
     1{
        # no state: formatting for normal items
        expAll = 1
    NO{
          wrapItemAndSub = <li><div class="empty">|</div></li>
    }
            # act state: valid from the rootpage to the actual page
    ACT=1
    ACT{
      wrapItemAndSub = <li class="empty">|</li>
    }
            # cur state: valid for the actual page
    CUR=1
    CUR{
      wrapItemAndSub = <li class="empty">|</li>
    }
            # ifsub state: valid for pages that have subpages
    IFSUB=1
    IFSUB{
     wrapItemAndSub = <li><div class="toggle">|</div></li>
    }
    }
  2 = TMENU
   after = </div>
  2.wrap = <ul style="display: none;" class="content">|</ul>
    2{
      NO{
      wrapItemAndSub = <li class="first2">|</li>
    }
    ACT=1
    ACT{
      wrapItemAndSub = <li class="first2">|</li>
    }
    CUR=1
    CUR{
      wrapItemAndSub = <li class="first2">|</li>
    }
    IFSUB=1
    IFSUB{
      wrapItemAndSub = <li class="first2">|</li>
    }
    }
}

你知道如何在not in后插入子菜单吗?

Answer 1

wrapItemAndSub将换行，顾名思义，包括子页面在内的整个条目。你需要的是linkWrap。

试试以下:

lib.menuVertical= HMENU
lib.menuVertical {
    wrap = <ul class="rgaccordmenu">|</ul>
    entryLevel = 1
    1 = TMENU
    1 {
        expAll = 1
        # no state: formatting for normal items
        NO {
            wrapItemAndSub = <li>|</li>
            linkWrap = <div class="empty">|</div>
        }
        # act state: valid from the rootpage to the actual page
        ACT = 1
        ACT {
            wrapItemAndSub = <li class="empty">|</li>
        }
        # cur state: valid for the actual page
        CUR = 1
        CUR < .ACT
        # ifsub state: valid for pages that have subpages
        IFSUB = 1
        IFSUB {
            wrapItemAndSub = <li>|</li>
            linkWrap = <div class="toggle">|</div>
        }
    }
    2 = TMENU
    2 {
        wrap = <ul style="display: none;" class="content">|</ul>
        NO {
            wrapItemAndSub = <li class="first2">|</li>
        }
        # these are not needed if their content equals
        # ACT = 1
        # ACT < .NO
        # CUR = 1
        # CUR < .NO
        # IFSUB = 1
        # IFSUB < .NO
    }
}