jQuery垂直动画选项卡展开隐藏内容

本文的垂直选项卡实现方法很简单，主要用了jQuery的fadeOut方法，新手一看就懂，快来制作属于自己的第一款手风琴效果吧。

淘建站为您提供更多_选项卡/滑动门_图片选项卡_垂直_手风琴，在此特别感谢您对我们的支持与厚爱！

jQuery垂直选项卡点击显示内容

<div class="accordion-container"> 
    <div class="container"> 
        <div class="accordion">
            <a href="#"><h4>网</h4><i class="fa fa-plus-circle"></i></a>
        </div> 
        <div class="accordion-desc"> 
            <h3>网</h3> 
            <p>www.sucaiq.com</p>
            <p> <button>更多</button> </p>
        </div> 
        <div class="accordion">
            <a href="#"><h4>wap手机模板</h4><i class="fa fa-plus-circle"></i></a>
        </div> 
        <div class="accordion-desc"> 
            <h3>网</h3> 
            <p>www.sucaiq.com</p>
            <p> <button>更多</button> </p>
        </div> 
    </div> 
</div>

$(".accordion-desc").fadeOut(0);
$(".accordion").click(function() {
    $(".accordion-desc").not($(this).next()).slideUp('fast');
    $(this).next().slideToggle(400);
});