jQuery Accordion - 手风琴中的开放式手风琴

时间:2015-07-30 20:01:42

标签: jquery accordion

所以我已经开始使用我在网上找到的手风琴代码然后入侵它以打开该类别下的第一个类别和风险(基本上是手风琴中的手风琴)黑客触发点击页面加载。我可以使用下面的代码来控制类别,但是我无法控制第一类之外的类别中的风险。

我在这里设置了一个JS FIDDLE:https://jsfiddle.net/alexmcg87/q50as7u0/

    <!-- START Accordion Code -->
<!-- Hover Dropdowns -->
<script>
$('.dropdown').hover(function(){ 
  $('.dropdown-toggle', this).trigger('click'); 
});
</script>
    <!-- CATEGORY ACCORDION -->
    <script>
        $(document).ready(function() {
          $('.accordion .item .heading').click(function() {

            var a = $(this).closest('.item');
            var b = $(a).hasClass('open');
            var c = $(a).closest('.accordion').find('.open');

            if(b != true) {
                $(c).find('.content').slideUp(200);
                $(c).removeClass('open');
            }

            $(a).toggleClass('open');
            $(a).find('.content').slideToggle(200);

            /* UPDATE THE NUMBER IN THIS LINE TO OPEN THE CATEGORY | 0 IS THE SAME AS POSITION 1 IN JS */
            }).eq(1).trigger('click');
        })      
    </script>

    <!-- RISK ACCORDION -->
    <script>
    $(document).ready(function() {
        $('.accordion2 .item2 .heading2').click(function() {

        var a = $(this).closest('.item2');
        var b = $(a).hasClass('open2');
        var c = $(a).closest('.accordion2').find('.open2');

        if(b != true) {
            $(c).find('.content2').slideUp(200);
            $(c).removeClass('open2');
        }

        $(a).toggleClass('open2');
        $(a).find('.content2').slideToggle(200);

        /* UPDATE THE NUMBER IN THIS LINE TO OPEN THE RISK | 0 IS THE SAME AS POSITION 1 IN JS */
        }).eq(0).trigger('click'); 
    });
    </script>
    <!-- END Accordion Code -->

0 个答案:

没有答案