Question

大家好我已经在侧边栏中制作了一个标签菜单（按照教程），但我现在使用codeigniter来回显数据库中的一些结果..

但是标签菜单隐藏了我的内容，但我可以在源代码中看到它

这是我在源中看到的

<div style="border-bottom:1px solid #e0e0e0; width:200px; height:100px;" class="sidebarForumWrapper">

    headline text here  

    <div style="border:1px solid #e0e0e0; padding:5px;" class="sidebarForumImg">
        <img width="20" height="20" src="">
    </div>

    <!-- sidebarForumImg -->

    text text text
</div>

<!-- sidebarForumWrapper -->

和标签功能

<script style="text/javascript">    
    $(function() {
        // setting the tabs in the sidebar hide and show, setting the current tab
            $('div.tabbed div').hide();
            $('div.t1').show();
            $('div.tabbed ul.tabs li.t1 a').addClass('tab-current');

        // SIDEBAR TABS
        $('div.tabbed ul li a').click(function(){
            var thisClass = this.className.slice(0,2);
            $('div.tabbed div').hide();
            $('div.' + thisClass).show();
            $('div.tabbed ul.tabs li a').removeClass('tab-current');
            $(this).addClass('tab-current');
            });
        });
     </script>

如果您愿意，可以在http://www.rapcom.dk

看到我的网站

Answer 1

$('div.tabbed div').hide();

删除此行代码并重试

Answer 2

你的问题在于这一行：

$('div.tabbed div').hide();

这会display: none tabbed下的所有div，而是使用：

$('div.tabbed > div').hide();

但我建议您重新考虑您的标签方法并使用jQuery UI Tabs或至少使用相同的方法，其中<a>标记将指向相应{的{strong> id {1}}内容容器。

jquery隐藏我的内容

2 个答案: