Как сделать чтоб менялось при нажатии?

Question

[Саша Негруца]

Как сделать чтоб при нажатии на менялись параметры чьи то блоков и чтоб элемент у которого параметр display:none появился ?
даю пример

<img src="img/foto1.png" class="foto1" >
<img src="img/foto2.png" class="foto2" >
<img src="img/foto3.png" class="foto3" >
<div class="box" > </div>

.foto1 {
	  width: 612px;
  height: 208px;
  /* position: relative; */
  /* z-index: 0; */
  margin: 0 0 -20px -14px; 
}
.foto2 {
	   width: 674px;
  height: 240px;
   margin: 0 0 -15px -6px;
   display: none;
}

.foto3 {
  width: 391px;
  height: 411px;
  margin: 1px 0 -334px 350px;
  display: none;
}

.box {
   width: 500px;
  height: 500px;
border: 20px solid #fff;
}

так вот чтоб менялисись параметры чтоб foto1 было display: none; а foto2 появилось и границы .box было зелёным цветом .

Comments

[Евгений Петров]

Приучите себя делать страницы на jsfiddle.net

[Саша Негруца]

Евгений Петров: я хочу скрипт простой чтоб при нажатии менял параметры

[Саша Негруца]

Евгений Петров: я знаю скрипт который при нажатии меняет фон но это совсем другое

[Евгений Петров]

А я хочу, чтобы картошка сама пожарилась. Так нет же, не хочет, сволочь.

Answer 1

[Кирилл Арутюнов]

Используйте для этого Javascript:

<div class="box" onclick="myFunc();"></div>
<script>
function myFunct() {
document.getElementById()...
}
</script>

Answer 2

[fLipE]

в jquery есть методы .show() и .hide(). угадайте, что они делают :)