0

所以基本上我在左边有一个导航栏。当用户单击一个选项时，它应该淡入与其关联的内容。当用户单击另一个选项时，它应该淡出当前内容并淡入下一个内容。我知道如何处理这方面的逻辑，但由于某种原因，淡入淡出不起作用。这是我的html

<div id="Hotel" class="Information"  style="display:none;">
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
</div>

这是我的jQuery：

$(document).ready(function(e) {
    $("ul.navigation > li").click(function(e) {
        $sel = $(this).val();
        if($sel == 0)
            $("#schedule").show();
        else if($sel == 1) {
            $('#Hotel').show();
            $('#Hotel').fadeIn('slow');
        }
    });
});

当我点击导航栏上的酒店链接时，内容只是出现，没有任何褪色。我的代码有什么问题？

4

2 回答 2

2

不要调用 show()。 http://api.jquery.com/fadeIn/

于 2012-09-21T04:29:05.230 回答
2

像这样试试

$(document).ready(function(e) {
$("ul.navigation > li").click(function(e) {
    $sel = $(this).val();
    if($sel == 0)
        $("#schedule").show();
    else if($sel == 1) {
        $('#Hotel').fadeIn('slow');
    }
  });
});

从代码中删除 show() 函数并像这样编辑

于 2012-09-21T04:30:50.377 回答