Div使用ajax和django在第二次单击后显示/隐藏

<div id="myDiv">这是一个Div元素</div>

<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>

$(document).ready(function(){
    var clickCount = 0;
    $("#myDiv").click(function(){
        clickCount++;
        if(clickCount === 2){
            $.ajax({
                url: "/toggle_div/",
                type: "POST",
                data: {},
                success: function(response){
                    if(response === "show"){
                        $("#myDiv").show();
                    } else if(response === "hide"){
                        $("#myDiv").hide();
                    }
                }
            });
            clickCount = 0;
        }
    });
});

from django.http import HttpResponse

def toggle_div(request):
    if request.method == "POST":
        # 在这里根据业务逻辑判断Div的显示和隐藏状态
        # 假设根据某个条件判断，如果满足条件则显示，否则隐藏
        if condition:
            return HttpResponse("show")
        else:
            return HttpResponse("hide")