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