Показать сообщение отдельно
  #2 (permalink)  
Старый 09.11.2013, 18:14
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

<style>
.first {
	display: none;
}
</style>
<input type="button" id="clkButton" value="click me!">
<div class="first">один</div><div class="first">два</div><div class="first">три</div><div class="first">четыре</div><div class="first">пять</div>
<div class="first">двадцать один</div><div class="first">двадцать два</div><div class="first">двадцать три</div><div class="first">двадцать четыре</div><div class="first">двадцать пять</div>
<div class="first">тридцать один</div><div class="first">тридцать два</div><div class="first">тридцать три</div><div class="first">тридцать четыре</div><div class="first">тридцать пять</div>
<div class="first">сорок один</div><div class="first">сорок два</div><div class="first">сорок три</div><div class="first">сорок четыре</div><div class="first">сорок пять</div>
<div class="first">пятьдесят один</div><div class="first">пятьдесят два</div><div class="first">пятьдесят три</div><div class="first">пятьдесят четыре</div><div class="first">пятьдесят пять</div>
<script>
function nextFiveShow() {
	var elems = document.getElementsByClassName('first');
	for ( var i = 0;  i < 5; i++ ) {    
	  elems[i].setAttribute("class", "boxComment show");
	}
};
nextFiveShow()
document.getElementById("clkButton").onclick = nextFiveShow;
</script>
Ответить с цитированием