Question

我有一个Jquery手风琴，我想在标题之前插入字体真棒图标。目前在我的代码中我有：

innodb_buffer_pool_size

总是在手风琴的.ui-accordion h3:before { font-family: 'FontAwesome'; content: '\f0da'; margin:0 5px 0 -15px; color: #000; padding-right:10px; }标题之前显示正确的插入符号。但是，我希望此功能仅在默认模式h3中显示，并且在单击标题时想要执行其他操作，或ui-state-default。当我尝试添加.ui-state-active代替.ui-accordion .ui-state-default h3:before时，正确的插入符号会消失。我如何在CSS中执行此操作？

Answer 1

$('#YOURELEMENT li a').click(function(){
    $(this).next('ul').slideToggle('500');
    $(this).find('i').toggleClass('fa-plus-circle fa-minus-circle')
});

这将使用jquery点击另一个图标替换你的fontawesome图标。尝试在HTML中动态添加字体awesome而不是使用CSS使事情变得复杂

Answer 2

我正确地记得元素＆＃34; ui-accordion＆gt; H3＆＃34;拥有自己的班级＆＃34; ui-state-default＆＃34;所以正确的代码应该是：

.ui-accordion .ui-state-default:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  margin:0 5px 0 -15px;
  color: #000;
  padding-right:10px;
}

也可以简单使用

.ui-state-default:before {
  //your_code
}

Jquery手风琴头状态与h3：之前

2 个答案: