1

我正在研究一个小的 jQuery 元素，在 Stackoverflow 和谷歌的帮助下我已经完成了很多工作，但是有一个小问题我似乎无法弄清楚。试图用 CSS 解决它，但它没有去任何地方。

我有该项目的 jsFiddle：http: //jsfiddle.net/PcWjA/2/

一切正常，加/减按钮工作，活动类贯穿跨度。但是我仍然缺少的是，当您在数字 7 上然后按 + 按钮使其变为 8 我希望它显示 ul 项目。当你下降到 7 时， ul 项目再次隐藏。

就像我说的，我尝试了一些 CSS 解决方案，添加类/删除类等，但这似乎不起作用。所以我在想，当“spanval_active”类在“更多”类中时，是否可以显示隐藏的ul。

4

2 回答 2

2

看看，如果这是你想要的：http: //jsfiddle.net/PcWjA/3/

所以解释一下：你已经得到了当前活动的元素（存储在hour变量中），所以我们需要检查当前活动的元素是否高于 7 或更低。如果它更高，那么我们需要显示列表，我们通过.show()在列表上调用 jQuery 方法来做到这一点，如果它更低，我们隐藏列表.hide()

    if (hour > 7) {
        $('.more .hour_dropdown').show();
    } else {
        $('.more .hour_dropdown').hide();
    }
于 2012-08-07T15:00:01.203 回答
0

尝试将您的update_hour功能更改为以下内容：

function update_hour()
{
    if (hour == 7) {
        $(".hour_dropdown").fadeOut(200); // use hide() for no animations
    }
    else if (hour == 8) {
        $(".hour_dropdown").fadeIn(200); // use show() for no animations
    }
    $('.spanval').removeClass('spanval_active');

    $('.spanval').eq( hour - 1 ).addClass('spanval_active');

    $('#hourvalue').val( hour );
}

jsfiddle

于 2012-08-07T15:05:13.127 回答