Question

我需要在手风琴中设置加号或减号图标。设置加号或减号图标但图标不正常工作。当我打开其他选项卡未设置图标或加上减号或减号图标加上图标集时。

jsfiddle: https://jsfiddle.net/ankit8393/8kmdb2ks/5/

Answer 1

的CSS：

.icon:after {
  background-color: #000;
  width: 8px;
  height: 2px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  position: absolute;
  top: 7px;
  left: 3.5px;
  z-index: 4;
  content: "";
}

JS：

$(document).ready(function($) {
  $('#accordion').find('.accordion-toggle').click(function() {

    //Expand or collapse this panel
    $(this).next().slideToggle('fast');
 var ii = $(this).find('.icon');

 $('.icon').not(ii).addClass('icon-plus');
  ii.toggleClass('icon-plus');

    //Hide the other panels
    $(".accordion-content").not($(this).next()).slideUp('fast');

  });
});

https://jsfiddle.net/w1bzvrex/1/

我需要在手风琴中设置加号或减号图标

1 个答案: