사이드 바이 사이드의 닫기 옵션 포함

-1

아무도 도와 줄 수 있습니까?사이드 바이 사이드의 닫기 옵션 포함

사이드 스트림과 채팅을 동시에 볼 수 있지만 채팅을 닫고 Twitch.tv와 같은 스트림을 확대 할 수 있습니다.

그럼 채팅 div 상자에 대해 열기/닫기 채팅이 표시됩니다.

아무도 도와 줄 수 있습니까?

출처

2014-11-11 user3508178

당신이 묻는 것은 매우 광범위합니다. StackOverflow는 작성한 코드로 인해 발생하는 특정 문제에 대한 질문을하기위한 것입니다. –

나는 특정한 문제를 묻습니다. 나는 사람들이 전에 도움이되었던 대답으로 이런 질문을하는 것을 보았습니다. – user3508178

지금까지 시도한 코드를 제공하십시오. 또한 jsfiddle의 데모가 깨 졌다고해도 도움이됩니다. – secelite

나는 이것이 당신이 원하는 생각 : http://jsfiddle.net/d77nqru9/

나는 토글 DIV를 클릭에 트에

$(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'); 
     } 
    }); 
});

같은 동일한 효과를 달성하기 위해 간단한 jQuery를 스크립트를 사용하여 그것의 크기를 변경합니다 콘텐츠 및 채팅 div. 채팅의 현재 상태 (열기 또는 닫기)는 토글 div의 클래스에 의해 결정됩니다.

출처

2014-11-11 17:10:33 secelite

사이드 바이 사이드의 닫기 옵션 포함

답변

관련 문제