Javascript 由标记触发的Div转换

我正在摆弄这把小提琴，我发现它非常接近我要做的事情：

唯一的问题是，当我尝试将

部分

标记更改为

div

标记时，它会中断，而且我希望div的淡入淡出，而不是滑动

---

帮助总是非常感激的

更新的小提琴：要使某些东西“出现”，您可以使用

$('.selector').fadeIn();

来自Jquery。类似地，您可以显示（）、隐藏（）、淡出（）

尝试-

这应该适合您：

我更改了代码的功能，以隐藏

div

s，而不是将它们从页面上推下，但想法是一样的

---

section

s现在是

div

s，它们会褪色而不是滑动。

几乎所有的JS代码都是关于适当滑动的。所以我不确定你的“真的很接近”是否真的很接近…你说的“当我试图将标签更改为标签”是什么意思-当你将

section

更改为

div

时，你必须更新你的JS和CSS。。。修正了我的帖子。我有html标签，所以很明显它们不会出现。

我希望div的淡出而不是幻灯片。

关于：？我想这就是你要问的。如果我遗漏了什么，请告诉我。谢谢你的回复。。但是我用的小提琴和你贴的不一样。我希望我的第一个div在loadBTW

上可见。bind（）

已弃用。您可能需要使用

.on（）

-

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