Question

我使用Font Awesome创建了一个JQuery滑动导航（参见：http://fortawesome.github.io/Font-Awesome/）

现在添加CSS，因为这是第三方网络字体图标，我想知道如何使用+和 - 图标将其应用于我自己的代码。

+ -> <i class="fa fa-plus"></i> fa-plus

- -> <i class="fa fa-minus"></i> fa-minus

我的jQuery代码是。

$("#toggle > li > div").click(function(){
    if(false == $(this).next().is(':visible')) {
        $('#toggle ul').slideUp();  
        $("span.minus-btn").removeClass('minus-btn');
    }
    $(this).next().slideToggle();
});


$("#toggle > li > div").click(function() {

         $("#toggle > li > div").removeClass("active");
         $(this).addClass('active');

if($(this).hasClass("active")){
       $("span.plus-btn", this).toggleClass('minus-btn');
         }
});

现在我是股票我甚至不知道如何修复图标的大小。请帮忙。

这是JQuery小提琴链接：http://jsfiddle.net/SG7LZ/6/

有什么好帮手+解释吗？

请告诉我JSFiddle的解决方案，以便我可以检查代码和结果。

非常感谢！

Answer 1

抱歉，我发现很难绕过你的代码，所以我做了一个新的小提琴。 Fiddle

要更改图标，您必须转到i.fa元素并移除.fa-plus类并添加.fa-minus类。

此外，您可以通过添加其中一个类来设置图标的大小：.fa-2x, .fa-3x, .fa-4x, .fa-5x。

Font-Awesome with Sliding JQuery Code Error

1 个答案: