список перебирается кнопкой

[CBETA]

Уважаемые знатоки, помогите создать список, который перебирается кнопками
Функция работает исправно:

<script type='text/JavaScript'>
     function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.innerHTML=='WGS-84') {
               c.innerHTML='П3-90.11';
          } else {
               c.innerHTML='WGS-84';
          }
          return false;
     }
</script><a onclick="return verocultar(this);"
     href="javascript:void(0);" class="button"> </a><div>
 
</div>

.button{
      background-color: #1874CD;
      border:none; 
      padding: 10px 10px 10px; 
      text-align: center;
      text-decoration: none;
      display: inline-block;
      /*font-size: 20px;*/
      cursor: pointer;
      
    }

Не понимаю как сделать окошко со списком и кнопки (изображение треугольников)
Хотелось бы, чтоб в одну строку список в окошке был и кнопки

[рони]

CBETA,
не осилил описание.
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.