单击按钮更改菜单

时间:2017-04-02 13:07:32

标签: jquery

我正在尝试更改菜单项的列表:
菜单1菜单2

菜单3菜单4
点击按钮。

Div 1和Div 2有2个按钮 我点击菜单1和菜单2显示时出现的Div 1 点击Div 1更改菜单1菜单2 ==>菜单3菜单4并带来Div 2按钮。

但点击Div 2不会将我带回菜单1和菜单2 使用的小提琴如下:http://jsfiddle.net/SO_AMK/BcFVv/1/

<div id="buttons">
 <a href="#" id="2" class="mybutton myred" >Div 2</a>
 <a href="#" id="1" class="mybutton myblue">Div 1</a>
</div>

<div id="pages">
  <div id="1" class="mydivshow">
    <a href=".menu1page">Menu1</a>
  </div>
  <div id="1" class="mydivshow">
    <a href=".menu2page">Menu2</a>
  </div>
  <div id="1" class="mydivshow">
    <a href=".menu3page">Menu3</a>
  </div>
  <div id="2" class="mydivhide">
    <a href=".menu1page">Home</a>
  </div>
  <div id="2" class="mydivhide">
    <a href=".menu2page">About</a>
  </div>
  <div id="2" class="mydivhide">
    <a href=".menu2page">Contact</a>
  </div>
</div>

JS代码: -

$("#buttons a").click(function() {
  var id = $(this).attr("id");
  $("#pages div").css("display", "none");
  $("#pages div#" + id + "").css("display", "block");
  $("#buttons a").css("display", "none");
  $("#buttons a#" + id + "").css("display", "block");
});
$("#pages div:not(#1)").css("display", "none");
$("#buttons a:not(#2)").css("display", "none");

这不会改回菜单1和菜单2.请告知。

1 个答案:

答案 0 :(得分:1)

您不能多次使用相同的make all -j4 make test make runtest make pycaffe make distribute exporting PYTHONPATH 但你可以使用多id次。

&#13;
&#13;
class
&#13;
$("#buttons a").click(function() {
  var id = $(this).attr("id");
  $("#pages div").css("display", "none");
  $("#pages div." + id + "").css("display", "block");
  $("#buttons a").css("display", "none");
  $("#buttons a:not(#" + id + ")").css("display", "block");
});
$("#pages div:not(.1)").css("display", "none");
$("#buttons a:not(#2)").css("display", "none");
&#13;
&#13;
&#13;