function showThing(e) {           //runs through list of items and figures out which one to show
    listInfo.classList.add("animated", "fadeOut");
    for (let i = 0; i < ideaList.length; i++) {
        if (e.target.id === ideaList[i].id) {

            ideaDetailList[i].style.opacity = "100%";
            ideaDetailList[i].classList.remove("fadeOut");
            ideaDetailList[i].classList.add("fadeIn")
        }
    }
}
//function for Showing project details when highlighting a project idea
function for Showing project details when highlighting a project idea
function for Showing project details when highlighting a project idea
function showThing(e) {           
    listInfo.classList.add("animated", "fadeOut");
    for (let i = 0; i < ideaList.length; i++) {
        if (e.target.id === ideaList[i].id) {
            ideaDetailList[i].style.opacity = "100%";
            ideaDetailList[i].classList.remove("fadeOut");
            ideaDetailList[i].classList.add("fadeIn")
        }
    }
}
function showThing ( e ) { listInfo . classList . add ( "animated" , "fadeOut" ) ; for ( let i = 0 ; i < ideaList . length ; i ++ ) { if ( e . target . id === ideaList [ i ] . id ) { ideaDetailList [ i ] . style . opacity = "100%" ; ideaDetailList [ i ] . classList . remove ( "fadeOut" ) ; ideaDetailList [ i ] . classList . add ( "fadeIn" ) } } }
function for Showing project details when highlighting a project idea
function for Showing project details when highlighting a project idea
//runs through list of items and figures out which one to show