Показать сообщение отдельно
  #1 (permalink)  
Старый 29.06.2014, 19:01
Интересующийся
Отправить личное сообщение для vacuumtrade Посмотреть профиль Найти все сообщения от vacuumtrade
 
Регистрация: 29.06.2014
Сообщений: 15

Вывод информации при нажатии кнопки читать далее
Ребята, очень прошу о помощи. Есть очень длинная страница, и есть скрипт который скрывает ее часть (еле нашел то, что нужно в данной ситуации). все хорошо, все работает. но как сделать так, чтобы сначала выводилась одна часть страницы, к примеру 1000 px, затем при нажатии кнопки читать далее, следующая часть размером 1000 px и т.д. пока не закончится страница?! Помогите, пожалуйста, очень прошу
<script>
    $(function(){
        if($('#ta').length){
            blok_height = Number($('#ta').css('height').replace('px',''));
             
            if(blok_height > 80){
               $('#ta').css('max-height','80px');
               $('.read-next').show();  
            } 
       }
    });
    
    $('.read-next').live('click', function(){
        
        if($('#ta').css('max-height') != 'none'){
           $('#ta').css('max-height','');
           $(this).text('Скрыть');
        } else {
           $('#ta').css('max-height','80px');     
           $(this).text('Читать далее...');
        }
        
        return false;
    });
</script>

<div style="height:'100%'">
		<div id="ta" style="overflow:hidden">текст</div>		
		<a class="read-next" style="display:none;" href="#">Читать далее...</a>
</div>
Ответить с цитированием