jquery图片上下tab切换效果_jquery

来源：动视网责编：小采时间：2020-11-27 20:58:31

jquery图片上下tab切换效果_jquery

jquery图片上下tab切换效果_jquery: 代码如下: body { margin: 10px auto; width: 570px; font: 75%/120% Arial, Helvetica, sans-serif; } .accordion { width: 480px; border-bottom: solid 1px #c4c4c4; } .accordion h3 {

推荐度：

点击下载本文 文档为doc格式

导读jquery图片上下tab切换效果_jquery: 代码如下: body { margin: 10px auto; width: 570px; font: 75%/120% Arial, Helvetica, sans-serif; } .accordion { width: 480px; border-bottom: solid 1px #c4c4c4; } .accordion h3 {

代码如下:

Question One Sample Text

This is Question Two

Another Questio here

Sample heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa
diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Sample Question Heading

// $(function(){
/* $('.accordion h3').click(function (){
$('.accordion p').hide();
$(this).next().show();
});*/
var Q = {
h3: $('.accordion h3'),
p: $('.accordion p'),
qiehuan: function (){
this.h3.click(function (){
Q.p.hide();
$(this).next().show();
});
}
};
Q.qiehuan();
});
// ]]>