Javascript 并排Div';带关闭选项的s

Javascript 并排Div';带关闭选项的s,javascript,jquery,html,Javascript,Jquery,Html,有人能帮我吗 正在考虑创建一个并排的流和聊天,但是能够关闭聊天并像Twitch.tv一样扩大流 因此,关于chat div box,您将拥有打开/关闭聊天功能 有人能帮忙吗?我想这就是你想要的: 我使用一个简单的jQuery脚本来实现与twitch相同的效果 $(document).ready(function() { $('.chat-toggle').click(function() { if($(this).hasClass('chat-close')) {

有人能帮我吗

正在考虑创建一个并排的流和聊天,但是能够关闭聊天并像Twitch.tv一样扩大流

因此,关于chat div box,您将拥有打开/关闭聊天功能


有人能帮忙吗?

我想这就是你想要的:

我使用一个简单的jQuery脚本来实现与twitch相同的效果

$(document).ready(function() {
    $('.chat-toggle').click(function() {
        if($(this).hasClass('chat-close')) {
            $('#content').css('width', '100%');
            $('#chat').css('width', '0px');
            $(this).removeClass('chat-close').addClass('chat-open');
        } else {
            $('#content').css('width', '80%');
            $('#chat').css('width', '20%');
            $(this).removeClass('chat-open').addClass('chat-close');
        }
    });
});

单击切换div将更改内容和聊天div的大小。聊天的当前状态(打开或关闭)由toggle div的类决定。

您所问的内容非常广泛。StackOverflow用于询问您编写的代码中存在的特定问题。我在问一个特定问题。。。我以前见过有人问这样的问题,并给出有用的答案。请提供一些代码,说明您迄今为止所做的尝试。另外,在jsfiddle上的一个演示也很有用,即使它已经坏了。