1

在我的主导航栏中，有一个名为的菜单category & item，它有两个子菜单，分别是category和item。我只有一页来显示这两个部分。

我的页面是 category_item.php，它有两个不同的选项卡来显示每个部分。在这种情况下，它是category和item。

所以我的问题是我需要在子菜单上单击和链接时打开category和选项卡。itemcategoryitem

更新 -

这是来自主导航栏的代码

<li class="current">
    <a>Category & Item</a>
        <div class="menu-container">
            <div class="menu-link">
                <a href="">Category</a>
            </div>
            <div class="menu-link current">
                <a href="">Item</a>
            </div>
        </div>
</li>

这是来自 category_item.php 页面

<div class="ui-widget-header ui-corner-top">
    <ul>
        <li><a href="#tabs-1">My Category</a></li>
        <li><a href="#tabs-2">My Items</a></li>
    </ul>
</div>

<div id="tabs-1" class="tabs3">
    my stuff...
</div>

<div id="tabs-21" class="tabs3">
    my stuff...
</div>

我可以知道有可能吗？

谢谢你。

4

1 回答 1

2

您可以使用 Javascript 执行此操作。只需display将该类的属性从noneto切换，block反之亦然。如果你使用 jQuery，你可以这样做：

$(document).ready(function() {
    $('#cat_link').click(function() {
        $('#tabs-1').hide();
        $('#tabs-2').show();
        return false;
    });
    $('#item_link').click(function() {
        $('#tabs-2').hide();
        $('#tabs-1').show();
        return false;
    });
});

您还拥有jQuery-UI 小部件选项卡。

如果您使用的是纯 javascript，您可以这样做（参考）：

function hideshow(which){
    if (!document.getElementById)
        return
    if (which.style.visibility=="visible")
        which.style.display="hidden"
    else
        which.style.display="visible"
}
于 2013-06-15T16:42:44.880 回答