jquery - Expanding div width -


O people, I have a small problem.

I have an ID whose ID ' #content ' and the other with an ID of '# Chat' . I used jQuery to make Chat and Divide slides up and down on a command by clicking on a link, but now when I chat is down, I want to increase the Content Devices by 90%. Here's the CSS:

  #chat {width: 20%; Height: 84.5%; Background color: # 000; Limit: 1 px solid #fff; float right; Correct: 0; Bottom: 0; Margin top: 0; Status: fixed; Z-index: 3; } # Content {width: 70%; Height: 600px; Background color: #fff; Bottom: 0; Margin Top: 20px; Swim left; Margin-left: 5%; }  

And here's jQuery:

  $ (document) .ready (function () {$ ('# chat'). Hide (); $ ('. Chatgroup'). Click (function () {$ ('# chat'). Toggle ('Slide');});});  

You can add a class to the chat panel to determine whether it has been opened.

  $ ('chatchoggle'). ($ ('(Chat)'. ($ ('' Chat ''). Hcl ("opened")) {$ ('# chat'). RemoveClass ($ ('# content'). CSS ("width", " AddClass ("opened"); $ ('# content') .css ("width", "70%");} $ ('# chat' Toggle ('Slide');});  

Comments

Popular posts from this blog

winforms - C# Form - Property Change -

java - Messages from .properties file do not display UTF-8 characters -

javascript - amcharts makechart not working -