jQuery动画故障

Question

我试图用jQuery制作一个很酷的动画，但是我对jQuery的技巧并不是很好，所以我不得不在这里询问我的问题，因为我无法自己解决问题。我想做的是制定一个订单计划，但它表现得很奇怪。

这是我的问题的GIF：https://gyazo.com/0ebae3cc3eff811ea3ec411a638343cd

正如您所看到的，如果我选择一个＆＃34;计划＆＃34;在我从之前选择了一个之后，它就会出现故障，并没有任何意义。这是我生涩的JS / JQ代码：

<script>
  $('.services').on('click', function(){
    var target = $(this).attr('dataid');
    $("#"+target).toggle('fast').siblings(".selected").hide();
  });

  $('.service').click(function(event) {
    $('.service').not(this).removeClass('selected');
    $(this).toggleClass('selected');
  });

  $('.package').click(function(event) {
    $('.package').not(this).removeClass('selected');
    $(this).toggleClass('selected');
  });
</script>

我的一位朋友提出了这个问题：http://pastebin.com/YHxtpC1z。 但它也不起作用，并使页面看起来更加闪亮。

我对JavaScript和jQuery不太好，但我很乐意学习！所以请告诉我我做错了什么，并纠正我！我试图保持信息最小化，但完整。所以如果我错过了什么，请告诉我，所以我可以加入。

感谢。