1
A
回答
1
您可以使用data-*
synatx HTML5的做到这一点:
HTML:
<a class="link" data-link="first" href="#">link 1</a>
<a class="link" data-link="second" href="#">link 2</a>
<a class="link" data-link="third" href="#">link 3</a>
<div class="linkdetails" data-link="first" >content 1</div>
<div class="linkdetails" data-link="second" >content 2</div>
<div class="linkdetails" data-link="third" >content 3</div>
的Javascript:
$('.link').toggle(function() {
$('.linkdetails[data-link=' + $(this).data('link') + ']').animate({
width: '200px'
}, 300);
}, function() {
$('.linkdetails[data-link=' + $(this).data('link') +']').animate({
width: '0px'
}, 300);
});
+0
这几乎是我以后所需要的,只需要替换相关内容,而不是打开一个新容器 – 2012-02-19 18:49:43
+0
管理使用此并解决了这里的问题[JSfiddle](http://jsfiddle.net/unbornink/LUKGt/) – 2012-02-19 19:29:18
+0
@ChrisMead。看起来不错。祝你好运! – gdoron 2012-02-19 19:33:37
相关问题
- 1. Javascript“打印内容的div”功能重复相同的内容
- 2. 多个UIButton打开相同的视图,但不同的内容
- 3. 负载DIV内容到不同的div
- 4. 的Jquery的fancybox联内容显示不同的div的内容
- 5. jQuery独立打开每个按钮的内容相同的类
- 6. 链接打开不同的内容
- 7. 如何在使用jQuery打开后隐藏相同的内容?
- 8. 不同的内容相同的页面
- 9. 内容相同
- 10. 相同布局不同的内容html
- 11. jQuery的同时载入的内容分成不同的DIV
- 12. xslt统计相同内容的不同内容
- 13. 为什么不同的灯箱链接总是打开相同的内容?
- 14. 相同的内容不显示在不同的浏览器
- 15. 使包装div延伸到与内容div相同的高度
- 16. jQuery:获取iframe内容,相同的域
- 17. jquery - 寻找相同的内容
- 18. div div md 6中的不同内容彼此相等
- 19. jquery:从同一类别的不同div中拉出不同的内容
- 20. XSLT -Grouping相同的内容
- 21. 内容相同的文件
- 22. 相同内容的部分?
- 23. jQuery:根据不同子div的内容排序div
- 24. 一个DIV - 三种不同的内容
- 25. 从不同的DIV获取内容
- 26. 加载内容(很多不同的div)
- 27. 显示不同div的内容
- 28. 使用不同div的内容切换
- 29. 相同的用户和相同的内容在Django相同的内容评论没有得到保存
- 30. 打开相同的网页,但有另一个内容
您能否详细说明您想要的这个例子? – uday 2012-02-19 18:39:54
当你点击链接1时,内容1在容器中加载,点击链接2,内容被替换为内容2,等等 – 2012-02-19 18:46:39