javascript - 切换 div = 加载内容，取消切换 div = 删除内容

Question

在页面中有一个 div (#example_div)，当使用此代码单击它时，它会切换一个类：

$(document).ready(function() {
    $("#parent_div").on('click', '.current_style', function () {
    $(this).toggleClass("new_style");
    });
}); 

在 div #example_div 下方有一个名为#load_content.

我想找到一个解决方案，当访问者点击#example_div它时，它会像往常一样切换新样式，但同时我想#load_content从另一个页面加载一些内容。然后当 unggle 时#example_div，加载的内容被#load_content删除。

这可能吗？

谢谢。

Answer 1

$(document).ready(function() {
 $("#parent_div").on('click', '.current_style', function () {
 $(this).toggleClass("new_style");
 if( $(this).hasClass("new_style")) {
    // load content eg: $("#load_content").html("xyz");
 }
 else{
     $("#load_content").html("");
 }
 });
});