jsp页面如何隐藏某一个tab页,代码如下<div id="tabGroup" tabGroup="true"> <ul> <!---------- 应收费用Tab ----------> <%-- <c:if test="${requestScope.op=='accountsReceivable'}"> --%> <li><a id="tabGroup_tab1" href="#tabGroup_tab1_Div"><%=ResourceManagerServer.getInstance().getMessage( "acc.AccInvoiceDetail.recievePage")%></a></li> <%-- </c:if> --%> <!---------- 应付费用Tab ----------> <%-- <c:if test="${requestScope.op=='payableExpense'}"> --%> <li><a id="tabGroup_tab2" href="#tabGroup_tab2_Div"><%=ResourceManagerServer.getInstance().getMessage( "acc.AccInvoiceDetail.payPage")%></a></li> <%-- </c:if> --%> <li><a id="tabGroup_tab3" style="background-color:#fcce00;color: black;"><%=ResourceManagerServer.getInstance().getMessage( "acc.AccInvoiceDetail.costOrRecievePage")%></a></li> </ul>
时间: 2023-10-09 18:06:59 浏览: 46
要隐藏某个tab页,你可以使用CSS的display属性来控制元素的显示与隐藏。在这种情况下,你可以在对应的li标签上添加一个class,并通过CSS设置该class的display属性为none来隐藏该tab页。以下是修改后的代码示例:
```html
<div id="tabGroup" tabGroup="true">
<ul>
<%-- <c:if test="${requestScope.op=='accountsReceivable'}"> --%>
<li class="hiddenTab"><a id="tabGroup_tab1" href="#tabGroup_tab1_Div"><%=ResourceManagerServer.getInstance().getMessage(
"acc.AccInvoiceDetail.recievePage")%></a></li>
<%-- </c:if> --%>
<%-- <c:if test="${requestScope.op=='payableExpense'}"> --%>
<li class="hiddenTab"><a id="tabGroup_tab2" href="#tabGroup_tab2_Div"><%=ResourceManagerServer.getInstance().getMessage(
"acc.AccInvoiceDetail.payPage")%></a></li>
<%-- </c:if> --%>
<li><a id="tabGroup_tab3" style="background-color:#fcce00;color: black;"><%=ResourceManagerServer.getInstance().getMessage(
"acc.AccInvoiceDetail.costOrRecievePage")%></a></li>
</ul>
</div>
<style>
.hiddenTab {
display: none;
}
</style>
```
在上面的代码中,我添加了一个名为`hiddenTab`的class,并在需要隐藏的tab页的li标签上应用了该class。然后,在样式部分的CSS中,我设置了`.hiddenTab`的display属性为none,从而隐藏了该tab页。请注意,这里只是示例代码,你可以根据实际情况调整CSS样式和判断条件。