56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
/**
|
|
* Dynamische Sidebar fuer Piratenkleider
|
|
*/
|
|
jQuery(document).ready(function($) {
|
|
|
|
var $cssPrimaryOnHideSidebar = {
|
|
'width' : '100%'
|
|
};
|
|
var $cssASideOnHideSidebar = {
|
|
'width' : '0'
|
|
};
|
|
var $cssPrimaryOnViewSidebar = {
|
|
'width' : '67%'
|
|
};
|
|
var $cssASideOnViewSidebar = {
|
|
'width' : '33%'
|
|
};
|
|
$.SetOnSwitch = function() {
|
|
$(".content-primary").prepend($htmlOnSwitch);
|
|
};
|
|
$.SetOffSwitch = function() {
|
|
$(".content-primary").prepend($htmlOffSwitch);
|
|
};
|
|
$.OnClickOnSwitchOff = function() {
|
|
$(".switchoff a").click(function(event) {
|
|
$(".switchon").toggle();
|
|
$(".switchoff").toggle();
|
|
$(".content-aside .skin").toggle();
|
|
$(".content-primary").css($cssPrimaryOnHideSidebar);
|
|
$(".content-aside").css($cssASideOnHideSidebar);
|
|
event.preventDefault();
|
|
})
|
|
};
|
|
$.OnClickOnSwitchOn = function() {
|
|
$(".switchon a").click(function(event) {
|
|
$(".switchon").toggle();
|
|
$(".switchoff").toggle();
|
|
$(".content-aside .skin").toggle();
|
|
$(".content-primary").css($cssPrimaryOnViewSidebar);
|
|
$(".content-aside").css($cssASideOnViewSidebar);
|
|
event.preventDefault();
|
|
})
|
|
};
|
|
|
|
|
|
|
|
var breite = $(window).width();
|
|
if (breite > 600) {
|
|
$.SetOnSwitch();
|
|
$.SetOffSwitch();
|
|
$(".switchon").toggle();
|
|
$.OnClickOnSwitchOff();
|
|
$.OnClickOnSwitchOn();
|
|
}
|
|
});
|