jQuery隐藏div,删除背景并单击更改页面宽度

时间:2012-02-14 17:22:46

标签: javascript jquery html

我正试图在点击时隐藏div(我正试图将其向左滑动),但它必须做的也是从主页div交换背景而且我认为,交换另一个div的宽度。我已经将它交换背景并移除了我不想要的东西(尽管它们向下滑动而不是向左滑动)

此视频显示了发生了什么(最后我使用firebug向您展示我想要发生的事情)http://www.youtube.com/watch?v=tti_L_ofelg&feature=youtu.be(编辑:视频在线)

这是我的滑动d​​iv的html:

                                                                                                                                                                                                                                                                 

CSS:

.slidingDiv {

}

.show_hide {
    display:none;
}

和jQuery:

var defOpen = 1;

 jQuery(".slidingDiv").show();
        jQuery(".show_hide").show();

        jQuery('.show_hide').click(function(){

        if(defOpen == 1)
{
    jQuery(".show_hide").show();
    jQuery("#bgwrap").css("background","url(assets/stripeclear.png) fixed 0 0 repeat-y")
    jQuery("#primary_right").css("width","")
    jQuery(".slidingDiv").slideToggle();
    defOpen = 0

} else {
    jQuery(".show_hide").show();
    jQuery("#bgwrap").css("background","url(assets/stripe.png) fixed 0 0 repeat-y")

    jQuery(".slidingDiv").slideToggle();
    defOpen = 1
}

所以它的bgwrap中有图像,我必须换成一个清晰的(停止它在那里,因为它是左边的固定图像)

和primary_right似乎是当我删除宽度全屏时(我真正想要实现的)

它还需要能够切换关闭和打开!

感谢您提供任何帮助!

2 个答案:

答案 0 :(得分:3)

问题尚不清楚..但据我所知......你想隐藏一个左侧分区,右侧分区占据全屏,反之亦然..它是?????

如果是,defOpen变量将无法帮助你...使用JQuery切换功能... datz最好的方法...

答案 1 :(得分:2)

我认为你需要将宽度设置为“继承”。当您在Firebug中选择删除样式时,这基本上就是您正在做的事情。

jQuery("#primary_right").css("width","inherit")