Как сделать скрытое дополнительное вложение скрытым и видимым?

Question

Привет, я попробовал несколько новых способов, но не смог заставить его работать. Я хочу сделать 5 вариантов прикрепления, при этом 4 из 5 скрыты. но когда он щелкнет ссылку «больше вложений», он покажет другую 4.

есть идеи?

Я использую ASP.NET с VB

плюс, если вам нужен мой код, дайте мне знать!

спасибо!

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 в моем сценарии

Вы можете проверить этот пример здесь

Обновление вставьте эту строку в тег заголовка вашей страницы. Если вы используете главную страницу, вставьте ее в тег заголовка

 <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'
      }
   }

Вы можете проверить это здесь

Answer 2

Вы можете обернуть скрытые 4 вложения в элемент div, для которого установлен стиль display: none, затем при нажатии на ссылку «Дополнительные вложения» стиль этого скрытого элемента будет установлен на display: block.

Вот пример: http://jsfiddle.net/kmmzH/