如何在jQuery中使用hide或show进行幻灯片？

Question

我正在尝试做一些动画，但它不起作用。

没有幻灯片效果一切正常，但是当我使用幻灯片时，它会破坏我的代码并且动画无效。我做错了吗？

我的代码：

('.answer_buttons a').on('click', function(e){
    	e.preventDefault();
$('.selected')
  .find('input')
  .val($(this).hasClass('nu') ? 'nu' : 'da')
  .end()
  .removeClass('selected')
  .hide('slide', {
    direction: 'left'
  }, 1000)
  .nextAll('.question').first('slide', {
    direction: 'left'
  }, 1000).show().addClass('selected');
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<p style="" class="question" id="intreb_1">
  <input name="intr1" value="da" type="hidden">Intrebarea 1?</p>
<p style="display: block; overflow: hidden;" class="question" id="intreb_2">
  <input name="intr2" value="nu" type="hidden">Intrebarea 2?</p>
<p class="question " id="intreb_3">
  <input name="intr3" value="" type="hidden">Intrebarea 3?</p>
<p class="question " id="intreb_4">
  <input name="intr4" value="" type="hidden">Intrebarea 4?</p>
<p class="question  last" id="intreb_5">
  <input name="intr5" value="" type="hidden">Intrebarea 5?</p>
<div class="answer_buttons">
  <a class="nu" href=""></a>
  <a class="da" href=""></a>