Можно ли сделать такие вкладки?

Question

Я надеюсь, что кто-то с опытом работы с Javascript сможет помочь мне с этими вкладками.

По сути, я пытаюсь создать вкладки, которые будут функционировать аналогично макету, показанному на этом снимке экрана. Где заголовок - вкладка № 1, за которой следует горизонтальная линия и несколько других вкладок ...

Проблема в том, чтобы тег заголовка работал как вкладка.

Я создал jsFiddle здесь: http://jsfiddle.net/Pach/rcsxz/1/

Если это возможно, я действительно ценю некоторую проницательность. Спасибо!

Answer 1

Взгляните на это.Я заметил несколько проблем, которые у вас были.Кроме того, хорошо бы хотя бы опубликовать свой html и javascript в своем вопросе.Вы получите больше / быстрее ответов, если не заставите людей нажимать на скрипку.Таким образом, они могут быстро понять проблему.

http://jsfiddle.net/rcsxz/2/

В вашем html вы используете одинарные кавычки для включения ваших тегов id.Это неверный синтаксис.Используйте двойные кавычки.

В вашем селекторе jQuery вы используете $('li', '#id') неверно.Это говорит «для всех элементов списка И всех контейнеров с этим идентификатором» сделать следующее.Вы хотите, чтобы $('#id li'), который говорит «для всех элементов списка в этом контейнере», делает следующее.

Также не уверен, что вы хотите изменить заголовок, но я тоже это сделал.

selectTab("tab1");

$("#other-tabs li").click(function() {
    selectTab($(this).attr('id'));
});

function selectTab(id) {
    $("#other-tabs li").show();
    $("#tab-content li").hide();
    $("#" + id + "content").show();
    $('h1').html($('#' + id).html());
    $('#' + id).hide();
}