jQuery向上滑动并向下滑动

Question

默认情况下，仅显示要显示的问题。点击任何一个问题时，必须显示相关答案，并隐藏其他答案。 （使用slideUp和slideDown方法）。

Answer 1

您应该使用jquery切换功能

 <button>Toggle</button>
    <div class="que">
      <h4>Your Question One</h4>
       <p>
         Your Answer One!!
       </p>
     </div>
     <div class="que" style="display: none">
        <h4>Your Question Two</h4>
        <p>
          Your Answer Two!!
        </p>
   </div> 

   <script>
       $( "button" ).click(function() {
          $( ".que" ).toggle( "slow" );   

       });
   </script>

在此处查看http://jsfiddle.net/k13oocfd/