Scripted advanced tabs and added css animations

This commit is contained in:
2021-02-09 19:50:33 +01:00
parent 007917fdbd
commit 2e59495f19
6 changed files with 49 additions and 8 deletions

View File

@@ -27,5 +27,29 @@ function createMessageTab() {
$("#optional").click(changeAdvancedVisibility);
$(".menuFactory").click(createMessageTab);
$('#historyTab').click(showHistory);
function showHistory(){
$('#headers').css('display', 'none');
$('.advancedMenuTabSelected').addClass('advancedMenuTab');
$('.advancedMenuTabSelected').click(showHeaders);
$('.advancedMenuTabSelected').removeClass('advancedMenuTabSelected');
$('#history').css('display', 'block');
$('#historyTab').addClass('advancedMenuTabSelected');
$('#historyTab').removeClass('advancedMenuTab');
$('#historyTab').off('click');
}
function showHeaders(){
$('#history').css('display', 'none');
$('.advancedMenuTabSelected').addClass('advancedMenuTab');
$('.advancedMenuTabSelected').click(showHistory);
$('.advancedMenuTabSelected').removeClass('advancedMenuTabSelected');
$('#headers').css('display', 'block');
$('#headersTab').addClass('advancedMenuTabSelected');
$('#headersTab').removeClass('advancedMenuTab');
$('#headersTab').off('click');
}
//TODO: Add animation for Headers and History