jQuery divを非表示にして、背景を削除し、ページの幅を変更します。

Question

私はクリックでdivを隠そうとしています（よく左にスライドしようとしています）。メインページのdivは、背景をスワップし、私は、別のdivの幅を交換すると思う。私はそれをバックグラウンドと交換し、私が望んでいないものを取り除いています（左にではなく、下にスライドします）。

このビデオは何が起こるかを示しています。

：ビデオオンライン）

ここでスライディングdivのための私のhtmlです：私はhttp://www.youtube.com/watch?v=tti_L_ofelg&feature=youtu.be（編集）が起こるしたいです

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 
} 

だから、私はそれがそこにあることを停止するには、clear 1（にスワップする必要があること、それにイメージを持っていbgwrapです

そして、私が幅を取り除くと、プライマリライトが1つのように見えます（私が実際に習得しようとしているもの）

また、クローズして開くことができる必要があります。

ご協力いただきありがとうございます！

Answer 1

私は、あなたが「継承」する幅を設定する必要があると思います。それはFirebugで削除様式を選択しているときの基本的なことです。

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

Answer 2

質問は分かりませんが、私が理解している限り...右側の部分がフルスクリーンを占める左の部分を隠したい、逆の場合はその逆です。

defOpen変数は、jQueryのトグル機能u..use助けにはなりませんそうならば...それを行うための最善の方法をdatz ...