并排选项的Side by Side Div＆

Question

任何人都可以帮助我吗？

看着并排流和聊天，但能够关闭聊天并像Twitch.tv一样扩大流。

关于聊天div框，你将有开/关聊天。

有人可以帮忙吗？

Answer 1

我认为这就是你想要的：http://jsfiddle.net/d77nqru9/

我使用一个简单的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的类确定。