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

吉姆

我正在建立一个新网站。我正在做的是通过单击向我显示模态视频的视频库,总共只向我显示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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 javascript 或 jquery 隐藏和显示 2 个不同的元素

来自分类Dev

使用 v-if 隐藏和显示元素

来自分类Dev

隐藏元素和显示元素

来自分类Dev

在php中使用mysql枚举和javascript显示和隐藏元素?

来自分类Dev

显示和隐藏javascript

来自分类Dev

使用Javascript显示和隐藏消息

来自分类Dev

使用JavaScript或jQuery显示和隐藏框架

来自分类Dev

使用javaScript隐藏和显示内容

来自分类Dev

使用javascript参数隐藏和显示DIV

来自分类Dev

使用JavaScript显示和隐藏div

来自分类Dev

使用JavaScript或jQuery显示和隐藏框架

来自分类Dev

使用JavaScript隐藏和显示测验问题

来自分类Dev

隐藏和显示下拉列表使用JavaScript

来自分类Dev

无法使用Javascript和CSS显示/隐藏

来自分类Dev

如何使用JavaScript隐藏和显示菜单?

来自分类Dev

使用 Javascript 隐藏和显示导航栏

来自分类Dev

使用 JavaScript 显示和隐藏类

来自分类Dev

使用javascript隐藏和显示div

来自分类Dev

显示和隐藏html元素

来自分类Dev

使用javascript隐藏和取消隐藏div元素

来自分类Dev

显示和隐藏不隐藏元素

来自分类Dev

javascript切换显示和隐藏几个div元素

来自分类Dev

使用javascript根据html中的下拉选择显示和隐藏div元素

来自分类Dev

使用jQuery显示和隐藏动态生成的表元素

来自分类Dev

在Dart中使用CSS隐藏和显示Web元素?

来自分类Dev

使用CSS显示和隐藏元素不起作用

来自分类Dev

如何在HTML中使用href隐藏和显示元素

来自分类Dev

使用下拉菜单隐藏和显示元素

来自分类Dev

使用复选框隐藏和显示元素