由标签触发的Div转换

时间:2012-07-18 20:08:36

标签: javascript jquery html css

我正在玩这个小提琴,我发现这非常接近我想做的事情:

http://jsfiddle.net/5N3YK/20/

唯一的一点是,当我尝试将section标签更改为div标签时,它会中断,而且我希望div为淡化而不是幻灯片。< / p>

总是非常感谢帮助!

4 个答案:

答案 0 :(得分:1)

更新了小提琴: http://jsfiddle.net/UDt7q/22/

答案 1 :(得分:1)

尝试 - http://jsfiddle.net/UDt7q/21/

(function($) {
    $.fn.Fader = function() {
        this.each(function() {
            $('a').bind('click', function(e) {
                e.preventDefault();
                $( "#hello div" ).fadeOut();
                $( "#hello div" + $(this).attr('href') ).fadeIn();
            })
        });
    }
})(jQuery);

答案 2 :(得分:0)

这应该适合你: http://jsfiddle.net/5N3YK/23/

我更改了代码的功能以隐藏div而不是将它们推离页面,但这个想法是一样的。

section现在是div,它们会消失而不是滑动。

答案 3 :(得分:-1)

要使某些内容“显示”,您可以使用

$('.selector').fadeIn();
来自Jquery的

同样,你可以show(),hide(),fadeOut()