Показать сообщение отдельно
  #5 (permalink)  
Старый 17.05.2015, 14:48
Аспирант
Отправить личное сообщение для k_DizeL Посмотреть профиль Найти все сообщения от k_DizeL
 
Регистрация: 20.02.2015
Сообщений: 54

рони,

<style>.window1, .window2, .window3, .window4,. window5, .window6, .window7, .window8 {disblay:none}</style>
<div class="window1"></div>
<div class="window2"></div>
<div class="window3"></div>
<div class="window4"></div>
<div class="window5"></div>
<div class="window6"></div>
<div class="window7"></div>
<div class="window8"></div>


<input type="checkbox" id="checkb" />
 <label for="checkb">Чекбокс</label>

<input type="checkbox" id="che1" />
 <label for="che1">Еще</label>

 <input type="checkbox" id="fg" />
 <label for="fg">Чекбокс</label>

<input type="checkbox" id="hh" />
 <label for="hh">Еще</label>

 <input type="checkbox" id="checkb" />
 <label for="checkb">Чекбокс</label>

<input type="checkbox" id="che1sd" />
 <label for="che1sd">Еще</label>

 <input type="checkbox" id="asd" />
 <label for="asd">Чекбокс</label>

<input type="checkbox" id="xzxc" />
 <label for="xzxc">Еще</label>


При установленных (включенных) влажках на 3 чекбоксах:
.window1, .window2, .window3 {display:block}

Если ставим на 2 чекбоксах галочки, то:
.window1, .window2{display:block}
.window3  {display:none} /* и остальные window4 5 6 7 8 */

Каждый включенный флажек (не важно какой по порядку), ставит для window display:block, так же и убирает.

Последний раз редактировалось k_DizeL, 17.05.2015 в 14:51.
Ответить с цитированием