0

这是我的目标。我需要找到一个插件或编写一个插件来执行以下操作：

  • 单击时，从外部文件或隐藏 div 加载内容（具有淡入效果）
  • 侧边栏导航将用于加载此内容（点击时），因此它需要能够将内容加载到自身之外的 div 中
  • 为链接的内容创建一个 url，这样我就可以直接链接到它

切入正题，我需要它具有 Chris Coyier 的Organic Tabs的所有功能。我有两页给你看。一个使用有机标签，另一个不使用。我不能在第二页上使用有机标签的原因是因为我不知道如何使它与#tabs div 之外的内容一起使用。也许使用那个插件是可能的，也许不是。以下是两个页面的链接：

  1. 带有有机标签的页面：http: //ncfic.steadfastdesignfirm.com/events/event.php
  2. 单击侧栏中的项目时需要 ajax 功能来加载内容的新页面：http: //ncfic.steadfastdesignfirm.com/events-2/overview.php

澄清一下，我不需要任何关于我引用的第一页的帮助。那只是为了说明我希望第二页能够使用侧边栏导航而不是选项卡结构来执行的操作。

更新：这是一个带有代码的 jsfiddle：http: //jsfiddle.net/taylortsantles/pC2SF/。

任何帮助将不胜感激。如果您有任何其他问题，请告诉我。

谢谢，泰勒

4

1 回答 1

2

保留 UI 部分，jquery 实现可能看起来像

$('#link').click(function(){
    $('#inner').fadeOut('slow',function(){
        $('#inner').html($('#hidden').html());
        $('#inner').fadeIn('slow');
    })            
})

链接到JSFiddle 示例

于 2012-09-12T13:06:27.607 回答