Question

我有另一个问题，不确定这是否可以通过PHP或jQuery完成，所以我将它发布在两个部分。

基本上我想要的是：

我在页面上有几个DIV，包括4个标题为“Spring”，“Summer”，“Autumn”和“Winter”的div。

我有另一个名为“菜单”的DIV。在菜单中，您可以通过jQuery切换四季DIV中的每一个。还有几个列表项，例如“Ice Rinks”和“Ice Cream Stores”。 “Ice Rinks”仅在选择“Winter”时可用，而“Ice Cream Stores”仅在选择Summer时可用。

我想做的事情，最好是通过jQuery，在启用“Winter”DIV时从菜单中隐藏“Ice Cream Stores”，或者在启用“Summer”DIV时隐藏“Ice Rinks”。

基本上，我需要一种方法来选择性地或动态地（可能通过列表项上的类）将菜单项分配给4季DIVS中的一个，然后在关联的季节DIV中从菜单中隐藏这些项目被切换了。

这是可能的吗？如果有的话，是否有人有任何关于如何实现这一目标的代码示例？

由于扎克

Answer 1

这是可能的。你可以这样做

HTML：

<div id="spring" class="menubtn">Spring</div>
<div id="summer" class="menubtn">Summer</div>
<div id="autumn" class="menubtn">Autumn</div>
<div id="winter" class="menubtn">Winter</div>
<ul id="itemlist">
    <li class="winter">Ice Rinks</li>
    <li class="summer">Ice Cream Stores</li>
</ul>

使用Javascript：

$(document).ready(function(){
    $('.menubtn').click(function(){
        // Handle Menu
        $('.menubtn').removeClass('active')
        $(this).addClass('active');

        // Handle item list. This is what you want to do 
        $('#itemlist li').hide();
        $('#itemlist li.' + $(this).attr('id')).show();
    });
});

您可以在此处查看演示：http://jsfiddle.net/ynhat/Cgeus/3/

jQuery或PHP - 如果启用/禁用了另一个DIV，则显示/隐藏DIV或LI

1 个答案: