Javascript jQuery CSS.hide未完成

我在右下角有一个对话框，我试图使用简单的jQuery隐藏/显示来最小化它。它在大部分情况下都可以工作，但是.x_容器并没有完全隐藏。还有一条1px的白线还在那里。我的代码有什么问题

功能切换_close（）{
$（“#x_头”）.hide（）；
$（“#x#u mainbody”）.hide（）；
$（“#x#footer”）.hide（）；
$（“#x_close”）.hide（）；
$（“x#u open”）.show（）；
}
函数切换_open（）{
$（“#x#头”）.show（）；
$（“#x#u mainbody”）.show（）；
$（“#x#页脚”）.show（）；
$（“#x#u close”）.show（）；
$（“#x_open”）.hide（）；
}

.x\u屏幕{
位置：相对位置；
}
.x_集装箱{
位置：固定；
底部：0；
右：20%；
宽度：250px；
最大高度：600px；
左边框：1px实心#fff；
边框顶部：1px实心#fff；
右边框：1px实心#fff；
背景色：#ffffff；
}
.x_标题{
浮动：左；
高度：20px；
宽度：210px；
背景色：#ccc；
边框底部：1px实心#000；
填充物：5px；
}
.x_关闭{
浮动：对；
高度：20px；
宽度：20px；
背景色：#ccc；
边框底部：1px实心#000；
填充物：5px；
}
.x_主体{
边际上限：0；
宽度：240px；
最小高度：400px；
最大高度：560像素；
溢出：自动；
填充物：5px；
}
.x_页脚{
高度：20px；
宽度：240px；
背景色：白烟；
边框顶部：1px实心#DDD；
填充物：5px；
}
.x_屏幕2{
位置：相对位置；
}
.x_集装箱2{
位置：固定；
底部：0；
右：20%；
宽度：20px；
}
.x_开放{
浮动：对；
高度：20px；
宽度：20px；
背景色：白烟；
左边框：1px实心#fff；
边框顶部：1px实心#fff；
右边框：1px实心#fff；
填充物：5px；
}

标题[x]
身体

页脚
[*]

问题。。你还没有隐藏.x_容器类

若您的目的只是最小化，那个么就不需要将所有元素都隐藏在容器中。它只适用于隐藏x_容器

功能切换_close（）{
//$（“#x_头”）.hide（）；
//$（“#x#u mainbody”）.hide（）；
//$（“#x#footer”）.hide（）；
//$（“#x_close”）.hide（）；
$（“.x_容器”）.hide（）；
$（“x#u open”）.show（）；
}
函数切换_open（）{
$（“.x_容器”）.show（）；
//$（“#x#头”）.show（）；
//$（“#x#u mainbody”）.show（）；
//$（“#x#页脚”）.show（）；
//$（“#x#u close”）.show（）；
$（“#x_open”）.hide（）；
}

.x\u屏幕{
位置：相对位置；
}
.x_集装箱{
位置：固定；
底部：0；
右：20%；
宽度：250px；
最大高度：600px；
左边框：1px实心#fff；
边框顶部：1px实心#fff；
右边框：1px实心#fff；
背景色：#ffffff；
}
.x_标题{
浮动：左；
高度：20px；
宽度：210px；
背景色：#ccc；
边框底部：1px实心#000；
填充物：5px；
}
.x_关闭{
浮动：对；
高度：20px；
宽度：20px；
背景色：#ccc；
边框底部：1px实心#000；
填充物：5px；
}
.x_主体{
边际上限：0；
宽度：240px；
最小高度：400px；
最大高度：560像素；
溢出：自动；
填充物：5px；
}
.x_页脚{
高度：20px；
宽度：240px；
背景色：白烟；
边框顶部：1px实心#DDD；
填充物：5px；
}
.x_屏幕2{
位置：相对位置；
}
.x_集装箱2{
位置：固定；
底部：0；
右：20%；
宽度：20px；
}
.x_开放{
浮动：对；
高度：20px；
宽度：20px；
背景色：白烟；
左边框：1px实心#fff；
边框顶部：1px实心#fff；
右边框：1px实心#fff；
填充物：5px；
}

标题[x]
身体

页脚
[*]

尝试隐藏

x\u容器，而不是
x\u头
，或者给
x\u头
的父div命名，并将其隐藏

这似乎是代码中唯一没有隐藏的东西。
这些元素上有一个不会隐藏的边框。
试试下面的方法

.x_container{
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: 0px solid #fff;
}

您可以直接显示和隐藏
.x_容器


功能切换_close（）{
$（'.x_容器'）.hide（）
$（“#x_close”）.hide（）；
$（“x#u open”）.show（）；
}
函数切换_open（）{
$（'.x_容器'）.show（）
$（“#x#u close”）.show（）；
$（“#x_open”）.hide（）；
}
.x\u屏幕{
位置：相对位置；
}
.x_集装箱{
位置：固定；
底部：0；
右：20%；
宽度：250px；
最大高度：600px；
左边框：1px实心#fff；
边框顶部：1px实心#fff；
右边框：1px实心#fff；
背景色：#ffffff；
}
.x_标题{
浮动：左；
高度：20px；
宽度：210px；
背景色：#ccc；
边框底部：1px实心#000；
填充物：5px；
}
.x_关闭{
浮动：对；
高度：20px；
宽度：20px；
背景色：#ccc；
边框底部：1px实心#000；
填充物：5px；
}
.x_主体{
边际上限：0；
宽度：240px；
最小高度：400px；