使用基于类的jQuery添加css

寻找解决我问题的方法

我使用这个脚本从另一个线程中找到了部分答案

$(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)
})})

当列表中的某个项目悬停时，脚本将淡出所有其他项目。原来的演示在这里

这在我的网站上运行正常，不过列表（一个缩略图网格）是一个更大的滑块脚本的一部分，该脚本通过ajax加载“预览”。单击列表项时，页面上的隐藏部分会展开，滑块脚本会为列表项指定一个“活动”类

当隐藏部分打开时，我希望激活的缩略图保持不透明度为1，而其余部分则褪色为.6，与使用上面脚本的悬停效果完全相同。当您单击缩略图激活ajax脚本时，我试图实现的目标变得显而易见。是否可以使用

活动

类来实现这一点，即如果类未

活动

设置为.6不透明度

提前谢谢

----编辑

---

谢谢大家的建议-到目前为止我运气不太好！使用上面的代码，是否可以修改它，以便在单击列表项时保持指定的不透明度级别？我想那会很好。然后我可以使用

onclick

我猜在隐藏div关闭时将所有项目淡入完全不透明状态。

您可以使用点击锁定zetaThumbs li元素，将当前目标设置为1，并将其同级设置为.6

 $('.zetaThumbs li').click(function(){
    $(this).css({'opacity':1}).siblings().css({'opacity':.6});
 })

---

我试图猜测您的代码是如何工作的，据我所知，您应该这样做：

// 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);
});

---

对如果我理解正确，您可以在CSS中将所有缩略图的不透明度设置为.6，在CSS中将.active设置为1。当隐藏div显示时，您是否试图将缩略图的不透明度设置为.6？