Adjusted uianimation.js to new html/css model
This commit is contained in:
@@ -6,50 +6,41 @@ var advancedID = $("#advancedItemData");
|
||||
var focusedField = false;
|
||||
function changeAdvancedVisibility(){
|
||||
if(advancedVisibility){
|
||||
selectMenu.css('display', 'none');
|
||||
advancedTab.css('display', 'none');
|
||||
advancedID.css('display', 'none');
|
||||
basicID.css('display', 'block')
|
||||
selectMenu.removeClass('active');
|
||||
advancedTab.removeClass('active');
|
||||
advancedID.removeClass('active');
|
||||
basicID.addClass('active');
|
||||
advancedVisibility = false;
|
||||
}
|
||||
else {
|
||||
selectMenu.css('display', 'block');
|
||||
advancedTab.css('display', 'block');
|
||||
advancedID.css('display', 'block');
|
||||
basicID.css('display', 'none');
|
||||
selectMenu.addClass('active');
|
||||
advancedTab.addClass('active');
|
||||
advancedID.addClass('active');
|
||||
basicID.removeClass('active');
|
||||
advancedVisibility = true;
|
||||
}
|
||||
setCookie();
|
||||
}
|
||||
|
||||
function createMessageTab() {
|
||||
var items = document.getElementById("listItems");
|
||||
items.innerHTML += '<div class="menuItem">Item</div>';
|
||||
}
|
||||
|
||||
$("#optional").click(changeAdvancedVisibility);
|
||||
$(".menuFactory").click(createMessageTab);
|
||||
$('#historyTab').click(showHistory);
|
||||
|
||||
const tabitem = $('.tabitem');
|
||||
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');
|
||||
$('#headersTab').click(showHeaders);
|
||||
tabitem.removeClass('active');
|
||||
$('.tabcontent').removeClass('active');
|
||||
$('#history').addClass('active');
|
||||
$('#historyTab').addClass('active');
|
||||
$('#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');
|
||||
$('#historyTab').click(showHistory);
|
||||
tabitem.removeClass('active');
|
||||
$('.tabcontent').removeClass('active');
|
||||
$('#headers').addClass('active');
|
||||
$('#headersTab').addClass('active');
|
||||
$('#headersTab').off('click');
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user