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

【问题标题】：asp.net vb how to make hidden additional attachment hidden and visible?asp.net vb 如何使隐藏的附加附件隐藏和可见？
【发布时间】：2012-03-13 13:57:33
【问题描述】：

您好，我尝试了几种方式，但未能成功。我想在 5 个附件选项中隐藏 5 个附件选项。但是当他点击“更多附件”链接时，它会显示其他 4 个。

有什么想法吗？

我正在使用带有 VB 的 ASP.NET

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

谢谢！

【问题讨论】：

如果您展示您的代码并说明您实际尝试过的内容会更好。
我尝试的大部分事情都是由于缺乏知识，所以我的努力并没有太多可展示的东西。..
您是否尝试过使用 MultiView 面板？

标签： asp.net vb.net forms attachment

【解决方案1】：

您可以通过多种方式做到这一点，其中之一是将您的 4 个附件包含在 display:none 样式的 div 中，并使用 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

【讨论】：

opps，对不起，我忘记了，你应该添加对 jquery 库的引用，我更新了我的答案
谢谢！它起作用了，但你能告诉我当我按下“更多附件”链接时如何再次隐藏它们吗？
我更新了我的代码以显示/隐藏附件 div 和测试它的链接

【解决方案2】：

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

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

【讨论】：

这与 Amir 发布的内容基本相同，只是使用纯 Javascript 而不是 jquery。