var advancedVisibility = false;
var selectMenu = $("#selectMenuContent");
var advancedTab = $("#advanced");
var basicID = $("#basicItemData")
var advancedID = $("#advancedItemData");
function changeAdvancedVisibility(){
    if(advancedVisibility){
        selectMenu.css('display', 'none');
        advancedTab.css('display', 'none');
        advancedID.css('display', 'none');
        basicID.css('display', 'block')
        advancedVisibility = false;
    }
    else {
        selectMenu.css('display', 'block');
        advancedTab.css('display', 'block');
        advancedID.css('display', 'block');
        basicID.css('display', 'none');
        advancedVisibility = true;
    }
}

function createMessageTab() {
    var items = document.getElementById("listItems");
    items.innerHTML += '<div class="menuItem">Item</div>';
}

$("#optional").click(changeAdvancedVisibility);
$(".menuFactory").click(createMessageTab);