function showonlyone(choseone) {
      var state = document.getElementById(choseone).style.display;
			if (state == 'block') {
				document.getElementById(choseone).style.display = 'none';
			} else {
      				var lists = document.getElementsByTagName("div");
            			for(var x=0; x < lists.length; x++) {

//Note that lists[x] DOESN'T mean that it is referring to the div id of lists1...lists2... and so on
//what it is referring to is an array of every <div> tag in the page/ even extended script (see var lists)
//that is why the code below that gets the name of all div's name existence is necessary to be combine with if action.
//otherwise you'll be surprise when all the div.display become none without the existance of this code


                  		name = lists[x].getAttribute("name");
                  		if (name == 'lists') {
                        		if (lists[x].id == choseone) {
                       		lists[x].style.display = 'block';
                  			}
                 			else {
                        		lists[x].style.display = 'none';
                  			}
            			}
      				}
			}
}