Question

我正在使用jquery进行扩展崩溃我有代码我已经发出警报来检查我的错误在我的代码上它是否工作直到状态为真我收到警报但在此之后我也不警惕。

这是我的jquery代码

    $(document).ready(function () {
    $(".expand").click(function() {
    var state = $(this).children("div").hasClass("minus");
    alert("state" + state);
    if (state == true) {
        $(this).children("div").removeClass("plus").addClass("minus");
    } else {
        $(this).children("div").removeClass("minus").addClass("plus");
    }
    //$(this).parents(".header").next(".body").slideToggle(-100).toggleClass("toggle");
    var state = $(this).parents(".header").next(".body").hasClass("toggle");
});
});

这是小提琴Link

我在stackoverflow中搜索过有关扩展崩溃的建议很多，但我想知道我在做错了什么，请帮助我。

Answer 1

试试这个

$(document).ready(function () {    
$(".expand").click(function() {
        var state = $(this).children("div").hasClass("minus");
       alert( state);
        if (state == true) {

            $(this).children("div").addClass("plus"); //changed this
            $(this).children("div").removeClass("minus"); //changed this
        } else {

            $(this).children("div").removeClass("plus"); //changed this
             $(this).children("div").addClass("minus"); //changed this
        }
        //$(this).parents(".header").next(".body").slideToggle(-100).toggleClass("toggle");
        var state = $(this).parents(".header").next(".body").hasClass("toggle");
    });
   });

<强> Demo here

<强>更新

 $(this).parents(".header").next("#collapse").toggleClass("body");

<强> Demo here

Answer 2

以下是我的问题的最终解决方案

$(".expand").click(function() {
            var state = $(this).children("div").hasClass("minus");
         // alert( state);
            if (state == true) {

                $(this).children("div").addClass("plus");
                $(this).children("div").removeClass("minus");
            } else {

                $(this).children("div").removeClass("plus");
                 $(this).children("div").addClass("minus");
            }
            //alert(state);
             $(this).parents(".header").next("#collapse").toggle();
            //var state = $(this).parents(".header").next(".body").hasClass("toggle");
        });

使用jquery plus minus（字体很棒）无法正常扩展崩溃

2 个答案: