JavaScript показать и скрыть элементы на клике

Прошу прощения за мое невежество, я понятия не имею, что я делаю, но я пытаюсь.

Я попытался выяснить это путем поиска, но это дало только функциональный результат в jQuery. Поскольку это такой маленький раздел, я думаю, что было бы лучше просто использовать простой ванильный JavaScript вместо загрузки всей библиотеки jQuery.

Кто-нибудь знает, как/если я могу выполнить те же функции ниже, но только с обычным JavaScript ? В основном, я пытаюсь сделать это, когда нажата кнопка 1, неупорядоченный список « ссылки» будет скрыт, а div «box1» будет показан:

 
 
    
    
    
    
 
 
   
 
      
blah
 
      
blah
 
      
blah
 
   
 
   
You clicked butt1!
 
 

Вот ссылка на выше в качестве рабочего примера: http://jsbin.com/umitef/4/ - это функциональность, которую я хочу реплицировать.

Мое расширенное спасибо всем, кто занимает минуту..: -)

-121--1110572-

У меня есть ASP.NET приложение, в котором я пишу этот код в Application_OnStart случае:

public virtual void OnStart(HttpApplication httpApplication)
{
    MyClass.PopulateIndices();
}

Теперь я знаю, что App _ Onstart запускается только один раз, так что мой вопрос: нужно ли добавить безопасность потока в этот код, как:

lock(some object)
{
    MyClass.PopulateIndices();
}

Действительно ли это lock () ? Могут ли несколько потоков одновременно запускать приложение OnStart ?