css - 基于类用jQuery添加css

Question

寻求解决我的问题...

我使用此脚本从此处的另一个线程部分找到了答案

$(function () {
$(".myclass").hover(function ()
{}, function ()
{
    $(".myclass>li").fadeTo(200, 1)
});
$(".myclass>li").hoverIntent(function ()
{
    $(this).attr("id", "current");
    $(this).siblings().fadeTo(200, .6);
    $(this).fadeTo(300, 1)
}, function ()
{
    $(".myclass>li").removeAttr("id");
    $(this).fadeTo(200, 1)
})})

当悬停列表中的元素时，脚本会淡出所有其他元素。原始演示在这里 http://jsbin.com/usobe

虽然列表(缩略图网格)是更大的 slider 脚本的一部分，但它在我的网站上工作正常，它通过 ajax 加载“预览”。单击列表项时，隐藏部分会在页面上展开， slider 脚本会为列表项分配一个“事件”类。

当隐藏部分打开时，我希望激活的缩略图保持 1 不透明度，而其余的则淡化为 .6，与使用上面的脚本的悬停效果完全一样。当您单击缩略图以激活 ajax 脚本时，我想要实现的目标变得显而易见。是否可以使用 active 类来实现这一点，即如果类不是 active 设置为 .6 不透明度？

提前致谢

----编辑

感谢大家的建议 - 到目前为止我运气不佳!使用上面的代码，是否可以修改它以便在单击列表项时它保持指定的不透明度级别？我想那会很好。然后我可以使用 onclick 我想当隐藏的 div 关闭时将所有元素淡化回完全不透明。

Answer 1

我想猜测你的代码是如何工作的，据我所知你应该这样做:

// this is the selector that gets the click on the thumbnail
$('li.item').click(function() {
    // fade all the thumbnails to op 1.0
    $('#li.item').css('opacity', '.6');
    // let the active thumbnail to 1.0
    $(this).css('opacity', 1);

    //show your hidden div
});

然后，当您关闭隐藏的 div 时:

$('div#hiddenDiv').onClose(function()
    // about to close
    $(this).fadeTo('fast', 1);
});