0
调整问题,请通过下面的图片
https://dl.dropboxusercontent.com/u/36614618/Doubts/onlineChatImg.jpg
在上面的图片“图片01”,你可以在HTML文件的右侧找到onlineChat股利。当我将鼠标悬停在在线聊天室上时,我们可以找到搜索输入,并在线聊天的底部隐藏在线聊天按钮'|>'。请通过上面的图片'图片02'。现在当我点击隐藏按钮'|>'时,onlinechat div正在隐藏'图片03'。 onlinechat div一旦隐藏,就会显示另一个图标,再次显示onlinechat'| <'。直到现在它的工作正常。
但问题是,当我调整窗口大小时,Onlinechat Div会自动显示。我在寻找的是当窗口调整大小,如果onlinechat隐藏,那么它应该被隐藏(不应该显示)。
以上概念像Facebook在线聊天的有些相同
窗口使用jQuery
$('#onlineFriendsSearchShow').hide();// Default Search input is hide.
$('#OnlineChathideShowIcon').on('click',function(){ //When clicked on '|>' button, onlineChat div hide and left part div gets width of 100%.
$('#rapMusicSocialNetworkRightPart').hide();//onlineChat div getting hide.
$('#rapMusicSocialNetworkLeftPartWrapper').css('width','100%'); //Left part gets width of 100%.
$('#onlineFriendsSearchShow').show();//show button '|<' gets displayed.
});
$('#onlineFriendsSearchShow').bind('click',function(){ //When clicked on '|<' show button. (to get right onlineChat div back).
$(this).hide();//'|<' button hide.
$('#onlineFriendsSearch').show();//search input show.
$('#rapMusicSocialNetworkRightPart').show();//onlineChat div show.
var widthRap = $(window).width()-201;//created variable having mainWindow width - onlineChat Div width.
$('#rapMusicSocialNetworkLeftPartWrapper').css('width',widthRap);//variable value assigning to left part, so left and right divs get's adjusted within document.
});