$(document).ready(function () { $.fn.adjustPanel = function () { $(this).find("ul, .subpanel").css({ 'height': 'auto' }); var windowHeight = $(window).height(); var panelsub = $(this).find(".subpanel").height(); var panelAdjust = windowHeight - 100; var ulAdjust = panelAdjust - 25; if (panelsub >= panelAdjust) { $(this).find(".subpanel").css({ 'height': panelAdjust }); $(this).find("ul").css({ 'height': ulAdjust }) } else if (panelsub < panelAdjust) { $(this).find("ul").css({ 'height': 'auto' }) } }; $("#chatpanel").adjustPanel(); $("#alertpanel").adjustPanel(); $(window).resize(function () { $("#chatpanel").adjustPanel(); $("#alertpanel").adjustPanel() }); $("#chatpanel a:first, #alertpanel a:first").click(function () { if ($(this).next(".subpanel").is(':visible')) { $(this).next(".subpanel").hide(); $("#footpanel li a").removeClass('active') } else { $(".subpanel").hide(); $(this).next(".subpanel").toggle(); $("#footpanel li a").removeClass('active'); $(this).toggleClass('active') } return false }); $(document).click(function () { $(".subpanel").hide(); $("#footpanel li a").removeClass('active') }); $('.subpanel ul').click(function (e) { e.stopPropagation() }); $("#alertpanel li").hover(function () { $(this).find("a.delete").css({ 'visibility': 'visible' }) }, function () { $(this).find("a.delete").css({ 'visibility': 'hidden' }) }) });