图标上下手风琴引导

我尽量让图标Chevron下跌，并为我的手风琴与引导：图标上下手风琴引导

我有这样的：

我尝试这个js但它没有按” t工作：

<script type="text/javascript"> 

$('.accordion').on('show hide', function (n) { 
    $(n.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-chevron-up icon-chevron-down'); 
}); 
</script>

当我点击链接时，雪佛龙不起来。

img chevron

来源

2013-07-18 mpgn

你没有一个.accordion元素？

$('.accordion-group').on('show hide', function (n) { 
    $(n.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-chevron-up icon-chevron-down'); 
});

FIDDLE

来源

2013-07-18 13:22:50 adeneo

我真的很笨！谢谢：） – mpgn

我也看着很多地方对这个答案（SIMPLE）

我发现这个

<div class="accordion-group"> 
         <div class="accordion-heading"> 
         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#jai"> 
         <span class="pull-right"><i class="icon-chevron-up"></i></span> 
           Jai 
         </a> 
         </div> 

         <div id="jai" class="accordion-body collapse in"> 
         <div > 
         <div class="accordion-inner"> 
          body content 1 
         </div> 
         </div> 
         </div> 
        </div> 
        <div class="accordion-group"> 
         <div class="accordion-heading"> 
         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
          <span class="pull-right"><i class="icon-chevron-down"></i></span> 
           jai2 
         </a> 
         </div> 

         <div id="collapseTwo" class="accordion-body collapse"> 
         <div> 
         <div class="accordion-inner"> 
          body content 2 
         </div> 
         </div> 
         </div> 
        </div> 
        <div class="accordion-group"> 
         <div class="accordion-heading"> 
         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3"> 
          <span class="pull-right"><i class="icon-chevron-down"></i></span> 
           jai3 
         </a> 
         </div> 

         <div id="collapse3" class="accordion-body collapse"> 
         <div> 
         <div class="accordion-inner"> 
          body content 3 
         </div> 
         </div> 
         </div> 
        </div>

// jQuery的--- //你需要有引导程序运行

$('div.accordion-body').on('shown', function() { console.log($(this).parent("div").find(".icon-chevron-down").html());// this will show you html selected 
$(this).parent("div").find(".icon-chevron-down").removeClass("icon-chevron-down").addClass("icon-chevron-up"); 

    }); 

    $('div.accordion-body').on('hidden', function() { console.log(this); 
     $(this).parent("div").find(".icon-chevron-up").removeClass("icon-chevron-up").addClass("icon-chevron-down");

//小提琴手view working example

来源

2013-09-20 00:58:30 jai

图标上下手风琴引导

回答

相关问题