我正试图在点击时隐藏div(我正试图将其向左滑动),但它必须做的也是从主页div交换背景而且我认为,交换另一个div的宽度。我已经将它交换背景并移除了我不想要的东西(尽管它们向下滑动而不是向左滑动)
此视频显示了发生了什么(最后我使用firebug向您展示我想要发生的事情)http://www.youtube.com/watch?v=tti_L_ofelg&feature=youtu.be(编辑:视频在线)
这是我的滑动div的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似乎是当我删除宽度全屏时(我真正想要实现的)
它还需要能够切换关闭和打开!
感谢您提供任何帮助!
答案 0 :(得分:3)
问题尚不清楚..但据我所知......你想隐藏一个左侧分区,右侧分区占据全屏,反之亦然..它是?????
如果是,defOpen变量将无法帮助你...使用JQuery切换功能... datz最好的方法...
答案 1 :(得分:2)
我认为你需要将宽度设置为“继承”。当您在Firebug中选择删除样式时,这基本上就是您正在做的事情。
jQuery("#primary_right").css("width","inherit")