导航条（排他）

每个按钮点击后会出现相对应的内容，其他内容会消失

 $(".cardBtn").click(function(){
       //拿到当前点击按钮的索引
       var index = $(this).index(".cardBtn");
       //根据索引找到对应显示的卡片
    var $cardHide =  $(".cardHide").eq(index);
      $cardHide.addClass("cardShow");
      //设置其他卡片隐藏
      $cardHide.siblings().removeClass("cardShow");
      return false;
   });

1.return false； 的作用是阻止按钮点击后的默认行为

2.获得元素相对于选择器的 index 位置。 $(selector).index(element)