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
Post a Comment