add div home

src/view/nav-bar.js

@@ -7,14 +7,30 @@ export default{
 			name:'',
 			description:'',
 			teamClicked: false,
+			homeClicked: false,
 			errMessage:'',
 			edit:false,
 			idxEdit:null
 		}
 	},
 	methods: {
-		myfun: function() {
+		clickTeams: function() {
-			this.teamClicked=!this.teamClicked;
+			if(!this.teamClicked){
+				this.teamClicked=true;
+				this.homeClicked=false;
+			}
+			else{
+				this.teamClicked=false;
+			}
+		},
+		clickHome: function() {
+			if(!this.homeClicked){
+				this.homeClicked=true;
+				this.teamClicked=false;
+			}
+			else{
+				this.homeClicked=false;
+			}
 		},
 		checkFields: function() {
 			this.errMessage="";
@@ -91,10 +107,14 @@ export default{
 	template: 
 		`
 			<div>
-				<span>Home</span>
+				<span @click="clickHome" style="cursor: pointer">Home</span>
-				<span @click="myfun" style="cursor: pointer">Teams</span>
+				<span @click="clickTeams" style="cursor: pointer">Teams</span>
 				<span>Results</span>
 			</div>
+			<div id="Home" v-if="homeClicked">
+				<h2>Homeee</h2>
+			</div>
+
 			<div id="Teams" v-if="teamClicked">
 				<form @submit.prevent>
 				<br>