javascript - 我的 javascript showhide 代码上的奇怪错误

我已成功完成此显示所有操作，但现在当我单击显示全部然后单击打开的文本或图像时，它会将文本置于屏幕右侧。 JSFiddle Gyazo

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(function () {   
    $('.toggle-all').click(function() {
        $('.printer').each(function () {
            $(this).siblings('.gwinfo').slideToggle('slow');
        });
    });
});
</script>
<style>
.gwinfo {
    display: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
   .left{
          display: block;
          float:left; 
          width:10%;
    }
</style>

一般:JSFiddle 中的其余代码，请随时修复我的一些代码，我将不胜感激。另外，如果您设法修复了我的代码，请发布带有修复代码的 JSFiddle 链接。非常感谢你们，伙计们!

最佳答案

不要使用 break 标签来清除 float ，而是使用 div。我还修复了一些未正确嵌套的标签。