Question

我正在建立一个新网站。正如我所做的那样是一个视频库，通过点击向我展示一个模态的视频，总共只显示1个带有文本的大视频和下面的3个小视频，您可以在其中显示更多项目。我需要你通过al-md-4列点击向我展示一个包含3个计算机元素的新行。我已经完成了这一步，但我有两个问题：

默认使用Javascript显示2行而不是只有一行，将在JS 1中定义并显示我出现2
我也希望有另一个按钮来隐藏＆＃34;每当我点击一行时就会隐藏。

然后我将完整的代码附加到我可以做的地方。

http://www.bootply.com/vLeA1VQoYF

需要帮助!! 非常感谢！来自西班牙的问候

Answer 1

这是我的fiddle

和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;
}));

告诉我，如果我误解了你，你还需要别的东西。

使用JavaScript和Bootstrap显示和隐藏1行元素

1 个答案: