Java脚本隐藏/显示使东西移动

时间:2015-05-09 14:01:21

标签: javascript jquery html

基本上我的问题是我有一个javascript函数,当我将鼠标悬停在菜单栏上时会出现新栏。 它工作得很好但是下面的所有东西都在横向改变它的位置我猜是因为它检测到新的菜单栏并对新的条形而不是原始菜单应用了margin top属性。

我希望它在新的菜单栏出现时停止移动,在我将鼠标悬停在原始菜单上之前隐藏了那些新的菜单栏,所以也许使用margin-top属性检测隐藏的东西会很好。

我不知道如何在搜索过程中尽快解释,如果已经回答过那就很抱歉。

$(document).ready(function(){

    $("#portofolio").hover(function(){
        $("#hideshow").removeClass('hidden');
        }, function(){
    $("#hideshow").addClass('hidden');
    });
      $("#hideshow").hover(function(){
        $("#hideshow").removeClass('hidden');
        }, function(){
    $("#hideshow").addClass('hidden');
    });
})

1 个答案:

答案 0 :(得分:0)

如果您的酒吧正在显示悬停,很明显,下面的所有内容都会为新酒吧腾出空间,下面的所有内容都会向下移动一点,如果您想显示酒吧而不移动内容,那么您必须制作通过这种方式,条形顶部到所有其他内容新的条形图将被显示,所有其他内容将不会移动它们的位置