我正在建立一个新网站。我正在做的是通过单击向我显示模态视频的视频库,总共只向我显示1个带文字的大视频和3个可显示更多项目的小视频。我需要您单击以显示更多新行,其中包含al-md-4列的3个计算机元素。我已经完成了这一步,但是有两个问题:
Javascript的默认值显示2行而不是仅显示2行,将在JS 1中定义并显示2
我也希望有另一个按钮可以“隐藏”,并在我单击一行时隐藏。
然后,将完整的代码附加到可以执行的地方。
http://www.bootply.com/vLeA1VQoYF
需要帮忙!!太感谢了!来自西班牙的问候
这是我的小提琴
和JS:
$('.mydata:gt(0)').hide().last().after(
$('<a />').attr('href','#').attr('id','btn_less').text('Show less').click(function(){
var a = this;
$('.mydata:visible:gt(0)').last().fadeOut(function(){
if ($('.mydata:visible:gt(0)').length == 0) {
$(a).hide();
} else if($("#btn_more:not(:visible)")){
$("#btn_more").show();
}
});
return false;
})
).after($('<span />').text(' ')
).after(
$('<a />').attr('href','#').attr('id','btn_more').text('Show more').click(function(){
var a = this;
$('.mydata:not(:visible):lt(1)').fadeIn(function(){
if ($('.mydata:not(:visible)').length == 0) {
$(a).hide();
} else if($("#btn_less:not(:visible)")){
$("#btn_less").show();
}
}); return false;
}));
告诉我我是否误解了您,您还需要其他东西。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句