jQuery toggleClass example

Toggle class name on click in jQuery

by kneidels

HTML

<div id="banner-message">

</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

//$("#banner-message").html(convertMossadID2Name(2));

alert(convertMossadID2Name(107));

function convertMossadID2Name(mosid){
			var mosname;
			switch(mosid){
			
				case 107:
					mosname = "אוריה";
					break;
				
				case 105:
					mosname = "דרך אבות";
					break;
				
				case 117:
					mosname = "יד לאישה";
					break;
				
				case 118:
					mosname = "יחד";
					break;
				
				case 103:
					mosname = "מדרשת לינדנבאום לוד";
					break;
				
				case 102:
					mosname = "מדרשת לינדנבאום תוכניות ישראליות";
					break;
				
				case 100:
					mosname = "מדרשת לינדנבאום תוכנית חו\"ל";
					break;
				
				case 114:
					mosname = "מוסד נסיון";
					break;
				
				case 110:
					mosname = "מחניים";
					break;
				
				case 115:
					mosname = "מטיבתא כרמיאל";
					break;
				
				case 111:
					mosname = "מתת";
					break;
				
				case 106:
					mosname = "נוה חנה";
					break;
				
				case 104:
					mosname = "נוה שמואל";
					break;
				
				case 116:
					mosname = "עמיאל";
					break;
				
				case 109:
					mosname = "רמות בנות";
					break;
				
				case 108:
					mosname = "רמות בנים";
					break;
							
			}
			return mosname;
		}