Прокрутка вкладок с помощью jquery

Question

Я использую следующие вкладки jquery:

    $(function() {

    $('ul.tabs').each(function() {
        $(this).find('li').each(function(i) {
            $(this).click(function(){
                $(this).addClass('current').siblings().removeClass('current')
                    .parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn();
            });
        });
    });
})

со следующим html:

<div class="section">

<ul class="tabs">
    <li class="current">Tab 1</li>
    <li>Tab 2</li>
</ul>

<div class="box visible">
    <p>Content for box 1.</p>

</div>

<div class="box">
    <p>Content for box 2.</p>

</div>

</div>

и так далее ...

Яу меня будет много элементов «вкладок», и я пытаюсь сделать так, чтобы простая вертикальная «прокрутка» в элементах списка вкладок была как можно проще.Кто-нибудь может указать мне правильное направление?

Answer 1

Вы можете использовать некоторые CSS, так как вы используете элементы

для хранения вашего контента, ваш файл CSS будет выглядеть следующим образом:

p{
height: 200px;
overflow-y:scroll;
}

Вы также можете использовать разные классы для каждого элемента