Срочно. Как открыть нужную вкладку?
 

Есть файл index.html, там есть ссылка на catalog.html. Нужно что бы при нажатии на ссалку "а" открывался вкладка "а" в каталоге.

вот каталог

<ul class="works-nav">
                <li class="active"><a href="#" data-target="a">Все</a></li>
                <li><a href="#" data-target="b">Балконы</a></li>
                <li><a href="#" data-target="y" name="besedky">Беседки</a></li>
                <li><a href="#" data-target="d">Ворота</a></li>
                <li><a href="#" data-target="e">Заборы</a></li>
                <li><a href="#" data-target="f">Перила</a></li>
                <li><a href="#" data-target="g">Козырьки</a></li>
                <li><a href="#" data-target="h">Решетки на окна</a></li>
            </ul>

вот index

<div class="row">
                <h2 class="title2">что мы изготавливаем</h2>
 
                <ul class="products">
                    <li class="col-xs-4 col product"><img src="images/product1.png" alt=" "/>
 
                        <p>Перила и газонные <br/>
                            ограждения</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product2.png" alt=" "/>
 
                        <p>ворота</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product3.png" alt=" "/>
 
                        <p>Козырьки и <br/>
                            навесы</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product4.png" alt=" "/>
 
                        <p>решетки на окна</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product5.png" alt=" "/>
 
                        <p>балконы</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product6.png" alt=" "/>
 
                        <p>заборные <br/>
                            ограждения</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product7.png" alt=" "/>
 
                        <a href="http://127.0.0.1/public_html/catalog.html"><p>беседки</p></a>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product8.png" alt=" "/>
 
                        <p>мостики</p>
                    </li>
                    <li class="col-xs-4 col product"><img src="images/product9.png" alt=" "/>
 
                        <p>другое</p>
                    </li>
                </ul>
            </div>

все разобрался