Сообщение от OnArs
|
только если нет более изящного варианта
|
Если разметка не меняется, то куда уж изящнее - 1 строчка кода всего
А если меняется, я бы решил нумерацией классов trigger:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.red{
background: #FF0000
}
</style>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script>
$(function() {
var trigg = '/2-2.html'.charAt(1);
$(".trigger" + trigg).addClass('red')
});
</script>
</head>
<body>
<h2 class="trigger1"><a href="#">Раздел 1</a></h2>
<div class="toggle_container">
<ul>
<li><a href="/1-1.html">Ссылка 1-1</a></li>
</ul>
</div>
<h2 class="trigger2"><a href="#">Раздел 2</a></h2>
<div class="toggle_container">
<ul>
<li><a href="/2-1.html">Ссылка 2-1</a></li>
<li><a href="/2-2.html">Ссылка 2-2</a></li>
</ul>
</div>
<h2 class="trigger3"><a href="#">Раздел 3</a></h2>
<div class="toggle_container">
<ul>
<li><a href="/3-1.html">Ссылка 3-1</a></li>
</ul>
</div>
</body>
</html>