jQuery：尝试绘制拼接在一起并分开的元素

Question

我正在尝试在div中实现某种非常基本的流程图功能。 基本上我有一些盒子，默认情况下我会加入一点AND泡泡。如果我点击气泡，它将变为OR气泡，这将导致框（div）分裂。

不确定从哪里开始这个任何非常感激的指导 - 例如链接到类似的东西或建议什么看。我附上了一个模型来帮助解释我的意思。

一如既往地谢谢你

w ^

Answer 1

应该非常简单。在和/或按钮上绑定click，这会将下方框的CSS类更改为具有更大margin-top属性的类，并移动和/或图像的background-position显示OR。你可以使用jQuery的toggle函数，但我想你无论如何都要将状态存储在一个单独的数据结构中。