Question

你好。这是我的代码：

＆＃13;

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("b").click(function() {
        $(strong).toggleClass("show");
      });
    });
  </script>
  <style>
    .hide {
      display: none;
    }
    .show {
      display: block;
    }
  </style>
</head>

<body>
  <div class="hide">Some content here.</div>
  <b class="fa fa-bars fa-2x"></b>
</body>

</html>

＆＃13;

我尝试使用FontAwesome图标制作菜单。当它被cliked时，包含在＆＃34; hide＆＃34;中的菜单div节目。它不起作用。请帮忙。

Answer 1

你需要使用$.fn.prev()，因为它从前一个兄弟姐妹那里看。

$(document).ready(function() {
  $("b").click(function() {
    $(this).prev('div').toggleClass("show hide");
  });
});

.hide {
  display: none;
}
.show {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hide">Some content here.</div>
<b class="fa fa-bars fa-2x">strong</b >

在Jquery中切换类

1 个答案: