Can'；t使用jQuery显示选项卡式导航内容

我正在尝试使用按钮而不是UL&LI来创建选项卡式导航

我在显示与单击的选项卡对应的部分的Jquery代码上遇到了一个问题

我的html如下所示：

<div class="container">
    <button class="tab-1">Copenhagen</button>
    <button class="tab-2">London</button>
    <button class="tab-3">New York</button>
</div>

<div id="content">

    <div class="tab-1">
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    </div>
    <div class="tab-1">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    </div>
    <div class="tab-1">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    </div>    
</div>

$( document ).ready(function() {

    $(function(){
        $('.container button:first').addClass('active');
        $('#content div').hide();
        $('#content div:first').show();

        $('.container button').on('click',function(){
            $('.container button').removeClass('active');
            $(this).addClass('active')

            $('#content div').hide();
            var activeTab = $(this).attr('class');
            alert(activeTab);

            $(activeTab).show();
            return false;
        });
    })

});

返回上方的行不显示与单击的选项卡相对应的div部分

我使用类作为选项卡和显示部分之间的导航句柄，但我不确定是否有更好的方法

请帮助或建议更好的方式来处理展会部分

问候

---

弗莱明

所有内容div都具有相同的类

$（'.container按钮：first'）.addClass（'active'）；
$（'#content div'）.hide（）；
$（'#content div:first'）.show（）；
$（'.container button'）。在（'click'，函数（e）上{
$（'.container button'）.removeClass（'active'）；
var activeTab=$（this.attr（'class'）；
$（this.addClass（'active'））
$（'#content div'）.hide（）；
$（'#content div.+activeTab.show（）；
});

哥本哈根
伦敦
纽约
1洛雷姆·伊普苏姆·多洛·希特·阿梅特，为精英献身

2洛雷姆·伊普苏姆·多洛·希特·阿梅特，为精英献身

3洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet），是一位杰出的献身者

Hmm div类错误一定是编辑错误，因为我在ide中获得了正确的代码。但是对我的剧本的改变在这里确实帮助了我。非常感谢：o）