Переход по метке <a href = #metka> с нажатием в <ul><li>

[papacoca]

Нужно сделать чтобы переход по метке1 и метке2 осуществлялся с нажатием по маркеру в 1-ом списке <ul><li> в разделе <section> и 2-ом списке.
Есть 2 метки на странице:
<!-- ========== КОД ========== --> Или тут можно глянуть: http://help-windows.net/table.html

PHP код:

<a href = #metka>ПЕРЕХОД ПО 1 МЕТКЕ</a>
<a href="" name = metka>
<a href = #metka2>ПЕРЕХОД ПО 2 МЕТКЕ</a>
<a href="" name = metka2>

<div class="lines sub_title text_center">Вся необходимая информация по услугам</div>
<!-- ========== 1 section ========== -->
    <section id="options" class="clearfix">
    <ul id="filters" class="option-set clearfix" data-option-key="filter">
<div class="boxShadow4" style="margin-left: 22%; margin-right: 22%"><li><a href="#filter" class="selected" data-option-value=".vse" class="">Информация о компании и предоставляемых услугах</a></li></div>
<!-- ========== 1 МЕТКА ========== -->
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" name = metka data-option-value=".virus">Установка антивируса, <br />удаление вирусов</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%; padding-top:10px; padding-bottom:9px;"><li><a href="#filter" data-option-value=".windows">Установка Windows</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".design">Удаленная (онлайн) <br />компьютерная помощь</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".usl3">Установка, настройка Wi-Fi</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".art">Сборка компьютеров</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".vostan">Восстановление данных</a></li></div>
    </ul>
    </section>
    
<!-- ========== 2 section ========== -->
            <ul>
    <li><a>1...........</a></li>
    <li><a>2.............</a></li>
    <li><a>3...............</a></li>
    <li><a>4.................</a></li>
    <li><a>5...................</a></li>
    <li><a>6.....................</a></li>
            </ul>
<!-- ========== 2 МЕТКА ========== -->
 <div 1........... ><div class="pricing_table row-fluid"><a href="" name = metka2></div>
 <div class="span4">
 <div class="pt_title">Пакеты:</div>
 <div class="pt_feature"><img src="image/15.png">Удаленная установка, настройка через интернет</div>
 <div class="pt_feature"><img src="image/15.png">Настройка параметров загрузки msconfig</div>
 </div> 


Спасибо.

[Streletz]

Читайте про якоря в HTML.

[papacoca]

Сообщение от Streletz

Читайте про якоря в HTML.

Может я не правильно сформулировал

Мне не обычный Якорь нужен, а чтоб переходил по якорю И кликал по списку в <section>

[papacoca]

Сообщение от Streletz

Читайте про якоря в HTML.

С обычной меткой я реализовал по адресу: http://help-windows.net/table.html

НО, она тупо тупо переходит по якорю не открывая список внутри <section id="options" class="clearfix">

[Streletz]

Можно попробовать обработать событие onclick у ссылки. Тогда при клике, помимо перехода, можно будет делать что-то ещё.

[papacoca]

Сообщение от Streletz

Можно попробовать обработать событие onclick у ссылки. Тогда при клике, помимо перехода, можно будет делать что-то ещё.

Пример если можно.

[Streletz]

Сообщение от papacoca

Пример если можно.

Вот самый простейший пример:

<a href="#anchor" onclick="alert('Test')">Test Link</a>

Реализуется он средствами JavaScript. Надеюсь, идея и направление, в котором необходимо двигаться понятны?

[papacoca]

Тема перенесена и немного изменена: http://programmersforum.ru/showthrea...10#post1419310