effet couleur menus

This commit is contained in:
Fred Tempez 2021-10-31 11:32:56 +01:00
parent cbb43f9174
commit 92cbc0b6d4
2 changed files with 55 additions and 26 deletions

View File

@ -24,3 +24,7 @@
#localeContainer, #socialContainer, #connectContainer, #networkContainer { #localeContainer, #socialContainer, #connectContainer, #networkContainer {
display: none; display: none;
} }
.activeButton {
filter : brightness(125%);
}

View File

@ -107,39 +107,64 @@ $( document).ready(function() {
* Sélection de la page de configuration à afficher * Sélection de la page de configuration à afficher
*/ */
$("#configSetupButton").on("click", function() { $("#configSetupButton").on("click", function() {
$("#localeContainer").slideUp(); $("#localeContainer").hide();
$("#socialContainer").slideUp(); $("#socialContainer").hide();
$("#connectContainer").slideUp(); $("#connectContainer").hide();
$("#networkContainer").slideUp(); $("#networkContainer").hide();
$("#setupContainer").slideDown(); $("#setupContainer").show();
$("#configSetupButton").addClass("activeButton");
$("#configLocalButton").removeClass("activeButton");
$("#configSocialButton").removeClass("activeButton");
$("#configConnectButton").removeClass("activeButton");
$("#configNetworkButton").removeClass("activeButton");
}); });
$("#configLocalButton").on("click", function() { $("#configLocalButton").on("click", function() {
$("#setupContainer").slideUp(); $("#setupContainer").hide();
$("#socialContainer").slideUp(); $("#socialContainer").hide();
$("#connectContainer").slideUp(); $("#connectContainer").hide();
$("#networkContainer").slideUp(); $("#networkContainer").hide();
$("#localeContainer").slideDown(); $("#localeContainer").show();
$("#configSetupButton").removeClass("activeButton");
$("#configLocalButton").addClass("activeButton");
$("#configSocialButton").removeClass("activeButton");
$("#configConnectButton").removeClass("activeButton");
$("#configNetworkButton").removeClass("activeButton");
}); });
$("#configSocialButton").on("click", function() { $("#configSocialButton").on("click", function() {
$("#connectContainer").slideUp(); $("#connectContainer").hide();
$("#setupContainer").slideUp(); $("#setupContainer").hide();
$("#localeContainer").slideUp(); $("#localeContainer").hide();
$("#networkContainer").slideUp(); $("#networkContainer").hide();
$("#socialContainer").slideDown(); $("#socialContainer").show();
$("#configSetupButton").removeClass("activeButton");
$("#configLocalButton").removeClass("activeButton");
$("#configSocialButton").addClass("activeButton");
$("#configConnectButton").removeClass("activeButton");
$("#configNetworkButton").removeClass("activeButton");
}); });
$("#configConnectButton").on("click", function() { $("#configConnectButton").on("click", function() {
$("#setupContainer").slideUp(); $("#setupContainer").hide();
$("#localeContainer").slideUp(); $("#localeContainer").hide();
$("#socialContainer").slideUp(); $("#socialContainer").hide();
$("#networkContainer").slideUp(); $("#networkContainer").hide();
$("#connectContainer").slideDown(); $("#connectContainer").show();
$("#configSetupButton").removeClass("activeButton");
$("#configLocalButton").removeClass("activeButton");
$("#configSocialButton").removeClass("activeButton");
$("#configConnectButton").addClass("activeButton");
$("#configNetworkButton").removeClass("activeButton");
}); });
$("#configNetworkButton").on("click", function() { $("#configNetworkButton").on("click", function() {
$("#setupContainer").slideUp(); $("#setupContainer").hide();
$("#localeContainer").slideUp(); $("#localeContainer").hide();
$("#socialContainer").slideUp(); $("#socialContainer").hide();
$("#connectContainer").slideUp(); $("#connectContainer").hide();
$("#networkContainer").slideDown(); $("#networkContainer").show();
$("#configSetupButton").removeClass("activeButton");
$("#configLocalButton").removeClass("activeButton");
$("#configSocialButton").removeClass("activeButton");
$("#configConnectButton").removeClass("activeButton");
$("#configNetworkButton").addClass("activeButton");
}); });
}); });