Javascript 使用jquery将元素列表的不透明度更改为1，其他更改为.7

我是jquery新手我有两个问题 第一：我有一个列表元素包含最新的新闻和新闻标题，我想创建一个对这个列表的影响，在第一个标题不透明度有1当鼠标悬停在一个元素上时，我想当前元素仍然有不透明度1，并将其他元素的不透明度改为0.6，如下图所示

这是我的密码

。最新消息{
边框：1px实心#636363；
边界顶部：无；
宽度：100%；
高度：409px；
溢出：滚动；
边缘底部：20px；
}
.last news.info txt{
右边距：10px；
左边距：10px；
位置：相对位置；
高度：35px；
溢出：隐藏；
}
.last news.info txt.info txt时间{
显示：内联块；
位置：绝对位置；
排名：0；
右：0；
左侧填充：5px；
}
.last news.info txt.info txt时间跨度{
字体系列：verdana！重要；
字体大小：12px！重要；
颜色：#F79622！重要；
高度：33像素；
线高：33px；
}
.last news.info txt.info txt time.tiret{
字体大小：15px！重要；
}
.last news.info txt.info txt标题{
位置：绝对位置；
顶部：4px；
右：56px；
宽度：212px；
}
.last news.info txt.info txt标题{
不透明度：0.7；
过渡：1s不透明度；
}
.last news.info txt.info txt标题：悬停{
不透明度：1；
}
.last news.info txt.info txt标题h2{
字体大小：15px！重要；
颜色：#26255E！重要；
高度：33像素；
线高：33px；
边距：0！重要；
填充：0！重要；
字体大小：正常！重要；
宽度：500px；
}
.last news.info txt.info txt标题h2 a{
颜色：#333333！重要；
}

11:11
|

您应该将所有项目设置为

不透明度：1

，将.items悬停时的每个项目设置为0.7，并将悬停的项目设置为

不透明度：1像这样：

<div class="items">
    <div class="item">item 1</div>
    <div class="item">item 2</div>
    <div class="item">item 3</div>
</div>

.item{
  position:relative;
  transition:all 0.2s linear;
}
.items{
  opacity : 1;
}

.items:hover .item{
  opacity:0.7;
  padding-left:0px;
}

.item:hover{
  opacity:1 !important;
  cursor:pointer;
  padding-left:20px !important;
}


项目1
项目2
项目3
.项目{
位置：相对位置；
过渡：所有0.2s线性；
}
.项目{
不透明度：1；
}
.items：悬停.item{
不透明度：0.7；
左侧填充：0px；
}
.项目：悬停{
不透明度：1！重要；
光标：指针；
左侧填充：20px！重要；
}

看看这把小提琴：

使用幻灯片动画进行编辑：

$（函数（）{
$（'.para p'）.mouseenter（函数（）{
$（this.css（{'opacity'：1}）；
$（this.css（{'left'：'15px'}）；
})
$（'.para p'）.mouseleave（函数（）{
$（this.css（{'opacity'：0.7}）；
$（this.css（{'left'：'10px'}）；
})
})
.parap{不透明度：0.7；
位置：相对；左：10px；}


第一段


第二段


第三段

关于您的第一个问题：
在这种情况下，可以方便地使用函数
.sibbins（）
操作同级，如下所示：


对于您的第二个问题，我不太确定您想要完成什么，但是可以使用类似“动画”的功能在其父元素中重新定位子元素：

yourElement.animate({'left': '-=100px'},'slow');

不，你不明白我在第一个项目中想要什么，当我悬停时应该有不透明度1当前必须有不透明度1其他设置为0.7更好吗？现在如果我想在悬停时向右滑动h2标记，我应该使用jQuery吗？不需要jQuery。查看编辑，在rtl语言中，您应该将填充改为
padding right
@A.hmimou，如果是这样，请接受我的回答：）现在想将h2标记向右滑动（向右切换）继续阅读标题吗？可能吗？@A.hmimou是的，可能吗？
yourElement.animate({'left': '-=100px'},'slow');