Javascript 如何在IE11中的字段集中保持图例稳定？

当我在字段集中隐藏并显示元素时，图例未保留在原位。这在Chome/FF上运行良好，但在IE 11上不起作用

HTML:

显示它在IE11上发生的JSFIDLE。

如果不隐藏图例，效果很好，如图所示：

---

虽然这可能会满足我的迫切需要，但我仍然想保留这个问题，看看是否有办法在IE 11中正确隐藏和显示图例，以防其他人需要知道（或者如果客户最终不喜欢将标题更改为“已删除”）。

JSFIDLE也隐藏了

元素。这是有意的吗？更接近期望的行为吗？似乎

标记在取消隐藏后被设置为

display:inline

。由于某些原因，IE不“喜欢”这样。@在您的示例中，至少在IE 11中，图例现在开始的位置不正确。@elzi是的，这是本例中所期望的结果（他们正在按删除按钮，图例中的所有内容都应该消失，只有“取消删除”按钮除外。我可能会尝试不隐藏图例，而是将其切换为“已删除”。我会看看这是否会改变任何内容。

<fieldset>
<legend>Test</legend>
<div class='hider'>Hide this</div>
<div>Lots and lots and lots and lots and lots and lots 
     and lots and lots and lots and lots and lots and 
     lots and lots and lots and lots and lots and lots 
     and lots of content.</div>
</fieldset>

function myShow(me)
{
    $(me).unbind();
    $(me).parent().children(':not(.hider)').show();
    $(me).click(function () {
        myHide(me);
    });
}

function myHide(me)
{
    $(me).unbind();
    $(me).parent().children(':not(.hider)').hide();
    $(me).click(function () {
        myShow(me);
    });
}

$(function () {
    $('.hider').click(function () {
        myHide(this);
    });
});