effet couleur menus
This commit is contained in:
parent
cbb43f9174
commit
92cbc0b6d4
@ -24,3 +24,7 @@
|
|||||||
#localeContainer, #socialContainer, #connectContainer, #networkContainer {
|
#localeContainer, #socialContainer, #connectContainer, #networkContainer {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.activeButton {
|
||||||
|
filter : brightness(125%);
|
||||||
|
}
|
||||||
|
@ -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");
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user