一个按钮实现插入/删除的功能

Question

用bootstrap table生成一列都为操作的按钮，当我点击这个按钮的时候在当前行的下面一行插入一行内容，再点击这个按钮的时候将插入的这一行删除，试了好久都不能实现。下面是我最后只能实现一次的效果，再点击就没有反应了。
window.operateEvents = {

    "click #TableEditor": function () {
       $(this).unbind('click');
             var html = '';
    html += '<tr><td colspan="4">';


            html += '<p><b>来电原因：</b>aaa</p>';


    html += '</td></tr>';
    $(this).parent().parent().after(html);

  //  setTimeout(function () {
       // $(this).parent().parent().next().addClass('hide').toggle()
  //  },100)
    //$(this).parent().parent().next().addClass('hide').toggle()
    $(this).click(function () {
        $(this).parent().parent().next().addClass('hide').toggle()
    })
        //  $(this).parent().parent().next().toggle()
   
    }
}
$('table').bootstrapTable({
    url: "getsu",
    columns: [{
        field: "Age",
        title:"年龄"
    }, {
            field: "City",
            title: "城市"
        }, {
            field: "Name",
            title: "姓名",
            events: operateEvents,
            formatter: AddFunctionAlty
        }]
})
function AddFunctionAlty(val) {
    return "<a  id='TableEditor'>" + val + "</a>"
}

Answer 1

$(".class").click(function(){
    // 获取你要显示隐藏的节点的class是否含有hide
    var classHide = $(".class").hasClass("hide");
    if(classHide){
        $(".class").removeClass("hide");
    }else{
        $(".class").addClass("hide");
    }
})

如果不是隐藏显示 二十动态加载也是一样
只不过是获取的东西不一样 动态加载的话就获取节点是否存在存在则移除，否则添加
动态加载我就用个比较麻烦的写法，自己简化吧

$(".class").click(function(){
        // 获取你要显示隐藏的节点的class是否含有hide
    var classHide = $(".class").hasClass("hide");
    if(classHide){
        // 这里是显示的控制
        // 写ajax请求，拿数据
        $.ajax({
            url: url,
            type: "GET",
            data: data,
            dataType: "json",
            success: function(data){
                // 请求成功将数据放入该放的class中
                $(".class").html(data.data.......)
            },
            error: function(e){
                errorfn(e);
            }
        })
        // 将隐藏的class类移除
        $(".class").removeClass("hide");
    }else{
        $(".class").addClass("hide");
    }
})