Question

您好我尝试了一些礼仪，但却无法使其发挥作用。我想制作5个附件选项，其中5个中的4个被隐藏。但当他点击“更多附件”链接时，它会显示其他4个。

任何想法？

我在VB中使用ASP.NET

如果您需要我的代码，请告诉我！

谢谢你！

Answer 1

你可以通过多种方式实现这一目标，其中一个方法是将{4}个附件包含在div样式中display:none，并使用javascript在onclick个事件中显示它们more attachment链接，类似这样的

 <div style="display:none" id="moreattchdiv">
   <!-- 1st attachment -->
   <!-- 2nd attachment -->
   <!-- 3rd attachment -->
   <!-- 4th attachment -->
 </div>
 <div onclick="showmore()">more attachments</div>
 <script>
   function showmore()
   {
       var moreattachdiv = $('#moreattchdiv');
       if(moreattachdiv.is(':visible'))
       {
          moreattachdiv.hide();
       }
       else
       {
          moreattachdiv.show();
       }
   }
 </script>

注意我在我的脚本中使用jquery

您可以测试该示例here

<强>更新将此行插入页面的标题标记。如果您使用母版页将其插入其标题标记

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

如果您想在没有jquery的情况下执行此操作，请使用此代码替换showmore()函数

  function showmore()
   {
      var moreattachdiv = document.getElementById('moreattchdiv')
      if(moreattachdiv.style.display=='none')
      {
         moreattachdiv.style.display=''
      }
      else
      {
        moreattachdiv.style.display='none'
      }
   }

你可以测试它here

Answer 2

您可以将隐藏的4个附件包装在样式设置为display: none的div中，然后当您单击更多附件链接时，它会将该隐藏div的样式设置为display: block。

这是一个例子： http://jsfiddle.net/kmmzH/

asp.net vb如何使隐藏的附加附件隐藏和可见？

2 个答案: