javascript - 如何用鼠标悬停打开每一个里

Question

我有一个菜单，当我将鼠标悬停在它上面时，我想打开每个 li，但我的 jquery 代码不能正常工作，我尝试使用 css，但整个菜单都打开了。

$("ul.sideBarMenuLinks li").mouseover(function() {
  $('this').each(function() {
    $(this).css(' margin-left', '0');
  });
});

ul.sideBarMenuLinks li {
  margin-bottom: 5px;
  transition: 0.5s;
  margin-left: -116px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sideBarMenuLinks">
  <li>
    <div><a class="sideBarMenuLink" href="#"><span class="image"><i class="icon-home"></i> </span> <span class="text">Home Page</span> </a></div>
  </li>
  <li>
    <div><a class="sideBarMenuLink" href="#"><span class="image"><i  class="icon-user"></i> </span> <span class="text">Register</span> </a></div>
  </li>
</ul>

Answer 1

试试这个

JS

$("ul.sideBarMenuLinks li").mouseover(function() {
    $(this).css('margin-left','0');
});

希望这对您有帮助..