切换div =内容加载，Untoggle div =删除内容

Question

在页面中有一个div（#example_div），使用此代码点击它时切换类：

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

div #example_div下方有一个名为#load_content的div。

我想找到一个解决方案，当访问者点击#example_div时，它会像往常一样切换新风格，但同时我想从其他页面加载一些内容到#load_content 。然后，取消标记#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("");
 }
 });
});