JQuery проблема складных вкладок?

Question

Я довольно новичок в JQuery и по какой-то причине, когда я добавляю другой селектор идентификаторов, например id="a", к моим <div id="tab-1" class="form-content">, мои складные вкладки не будут работать, как я могу решить эту проблему, чтобы у меня было несколько селекторов идентификаторов и мой складной вкладки тоже будут работать?

Вот JQuery.

$(document).ready(function() {

    //When page loads...
    $(".form-content").hide(); //Hide all content
    var firstMenu = $("#menu ul li:first");
    firstMenu.show();
    firstMenu.find("a").addClass("selected-link"); //Activate first tab
    $(".form-content:first").show(); //Show first tab content

    //On Click Event
    $("#menu ul li").click(function() {

        $("#menu ul li a").removeClass("selected-link"); //Remove any "selected-link" class
        $(this).find("a").addClass("selected-link"); //Add "selected-link" class to selected tab
        $(".form-content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the selected-link tab + content
        $(activeTab).fadeIn(); //Fade in the selected-link ID content
        return false;
    });

});

Вот HTML.

    <div id="body-content">

        <div id="menu">
            <ul>
                <li><a href="#tab-1" title="">tab 1</a></li>
                <li><a href="#tab-2" title="">tab 2</a></li>
                <li><a href="#tab-3" title="">tab 3</a></li>
                <li><a href="#tab-4" title="">tab 4</a></li>
                <li><a href="#tab-5" title="">tab 5</a></li>
            </ul>
        </div>


        <div id="container">

            <div id="a" id="tab-1" class="form-content">
                <p>tab 1</p>
            </div>

            <div id="b" id="tab-2" class="form-content">
                <p>tab 2</p>
            </div>

            <div  id="c" id="tab-3" class="form-content">
                <p>tab 3</p>
            </div>

            <div id="d" id="tab-4" class="form-content">
                <p>tab 4</p>
            </div>

            <div id="e" id="tab-5" class="form-content">
                <p>tab 5</p>
            </div>      

        </div>

    <div>

Answer 1

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

Чтобы дать элементу более одного значения "класса", разделите значения пробелами:

<div id='x' class='something something-else and-another-class whatever'>

Answer 2

у вас есть 2 атрибута id. Вы не можете иметь 2 атрибута id в теге. Поскольку у вас есть a и b в качестве первого идентификатора, я думаю, что они находят эти определения над вами над закладкой.

Если вам нужны a и b, я бы предложил поместить их в качестве атрибута класса и выбрать его, используя $ (". A")