Javascript 使一个元素变盲并同时更改样式css

我正在处理我的公文包，需要帮助#屏蔽一个元素，同时更改底部元素的样式属性

这个想法是在两个元素之间存在一个固定的空间，就像这个

如果您在单击时看到示例，则会出现一个条形图，并且两个条形图之间的空间保持不变。然后，如果再次单击，元素将隐藏，空间保持不变

“#contacts”->元素我想失明

“#line”->元素我想更改top属性

我正在尝试使用名为“blind”的jquery函数进行解析：

然后我得到#line的最大值，如果：

   var line = $( "#line" ); 
   var  position = line.position(); 
   var top = position.top;
   if(top == value){
   $("#line").animate({top:'100px'}, time);
   } else { ... }

---

请帮忙

如果没有jqueryui，我会使用

top

值和

z-index

var contactTop = 85,
    nextTop;
$(".oppen").click(function() {
        nextTop = nextTop !== contactTop ? contactTop : 5;
        $("#contacts").animate({top: nextTop}, 500);
    .....

要停止排队，除了使用jQuery的

。停止

var contactTop = 85,
    nextTop,
    lineStart = 100,
    lineEnd = 180,
    lineTop = 100;
$(".oppen").click(function() {
    nextTop = nextTop !== contactTop ? contactTop : 5;
    $("#contacts").stop().animate({top: nextTop}, 500);
    lineTop = lineTop !== lineStart ? lineStart : lineEnd;
    $( "#line" ).stop().animate({top:lineTop}, 500);
});

---

您的控制台是否有错误？您确实意识到需要导入jQuery和jQuery UI才能工作，对吗？你能提供你的代码演示吗？没有错误！我已经解决了这个问题，但效果不太好。如果我点击两次太空崩溃，你会得到一个错误

UncaughtTypeError:object的属性“#”不是函数

yes，但这不是我的问题“UncaughtTypeError:object的属性“#”不是函数jquery-1.10.2.js:9216”你现在有我可以使用的框架或任何其他解决方案吗？还有一个问题。如果你在按钮上快速点击两次，转换崩溃，我的意思是框向上，但线仍然存在down@rm596已更新队列的修复程序。你是怎么认识我的？：）我理解你的解决方案！！更改导航中的z索引并应用2个动画

var contactTop = 85,
    nextTop,
    lineStart = 100,
    lineEnd = 180,
    lineTop = 100;
$(".oppen").click(function() {
    nextTop = nextTop !== contactTop ? contactTop : 5;
    $("#contacts").stop().animate({top: nextTop}, 500);
    lineTop = lineTop !== lineStart ? lineStart : lineEnd;
    $( "#line" ).stop().animate({top:lineTop}, 500);
});