Javascript 切换bg和子元素显示状态，同时调用其自身下的div

我有jquery问题，请帮助我：

我想做的是： 当点击“列表分区”时，它应该将背景本身更改为红色并显示绷带，同时它也会在其下方显示“底部方框”，如图所示

如果我再次单击它（而不单击任何其他按钮）“列表分区”，它应该会将其背景变回灰色，并显示：无用于绷带和底部框。不用说它应该切换这些东西

问题是：

1.我如何在“列表div”上点击两次来切换这些内容

这是我的代码（未完成）：

2.如何显示已单击列表分区行下的.bottom框

3.如何通过单击其他“列表分区”来销毁第一次单击的列表分区的“如果为红色”操作

---

jsiddle:

您的jsiddle链接或代码在哪里？如果您试图在没有代码的情况下仅向问题添加JSFIDLE链接，那么SO将不允许这样做。在添加JSFIDLE链接的同时也要添加相关代码抱歉，我不知道如何添加链接，反正是添加的。这不是构建问题的正确方式，最好在问题中也添加相关代码。这是你想要的吗？更像这样：实际上将底部框放在活动框下需要更多的JS/JQ

$(function(){
    $(".list_divs").click(function(){
    $(".active_div").removeClass('active_div');
        $(".bandage").css({display: "none"});
        $(this).addClass("active_div");
        $(".bandage", this).css({ display: "block" });
    });
});