css вертикальные вкладки в asp.net

Question

Мне нужно вертикальное меню с использованием css, которое будет выглядеть как контейнер вкладок набора инструментов управления ajax. Пожалуйста, посмотрите второй пример в ссылке .Мне нужно добиться этого с помощью CSS, не используя Ajax Control Toolkit.

Answer 1

Вы можете посмотреть на CSS, который он создает, и создать скрипт jQuery для управления состояниями, например:

$(document).ready(function() {       
    var tabs = $('div.tabs > div');
    tabs.hide().filter(':first').show();

    $('ul.tab_nav li a').click(function() {
        tabs.hide();
        tabs.filter(this.hash).show();
        $('ul.tab_nav li a').parent().removeClass('selected');
        $(this).parent().addClass('selected');
        return false;
    }).filter(':first').click();
}

С некоторыми HTML, например:

<ul class="tab_nav">
    <li><a href="#tab-1">Tab 1</a></li>
    <li><a href="#tab-2">Tab 2</a></li>
</ul>
<div class="tabs">
    <div id="tab-1">
        Tab 1
    </div>
    <div id="tab-2">
        Tab 2
    </div>
</div>