Разные классы для каждого 1-го и 2-го пункта меню

[kuripka2222]

Здравствуйте, очень нужна ваша помощь, либо хотя бы совет как можно реализовать вывод разных классов для каждого первого и второго пункта меню?? 

Обычное меню категорий (

 {% if categories %}
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs">{{ text_category }}</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
      <ul class="nav navbar-nav">
        {% for category in categories %}
        {% if category.children %}
        <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner"> {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}</div>
            <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a> </div>
        </li>
        {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
      </ul>
  </nav>
{% endif %} 

)

Змінено 22 серпня 2020 користувачем kuripka2222

[spectre]

https://www.w3.org/Style/Examples/007/evenodd.en.html

[kuripka2222]

2 минуты назад, spectre сказал:

https://www.w3.org/Style/Examples/007/evenodd.en.html

Нет, мне надо не стили задать, а нужен класс подключить или идентификатор при клике на который появляется окошко с подменю

[spectre]

3 минуты назад, kuripka2222 сказал:

Нет, мне надо не стили задать, а нужен класс подключить или идентификатор при клике на который появляется окошко с подменю

 

 

jquery - eq()

[esculapra]

<li onClick="addClass(this)">

 

<script>

var old='';

function addClass(el){

$(el).addClass(class);

if(old!='') $(old).removeClass(class);

old = el;

}

</script>

 

[esculapra]

Фиг с вами, открою "тайну"

<li id="item-0" class="ui-tabs-nav-item ui-tabs-selected" ><a href="#" onClick="ViewTab(0);return false"><?php echo $gmc_welcome ?></a></li>

 <li id="item-13" class="ui-tabs-nav-item ui-tabs-nav-item-green" ><a href="#" onClick="ViewTab(13);return false" style="color: white !important; font-weight: bold;"><?php echo $gmc_profiles ?></a></li>

<script>
var curtab=0;

function ViewTab(id){
$('#tab-'+id).removeClass('hidden');
$('#tab-'+curtab).addClass('hidden');
$('#item-'+id).addClass('ui-tabs-selected');
$('#item-'+curtab).removeClass('ui-tabs-selected');
curtab=id;
}

 

</script>

Змінено 22 серпня 2020 користувачем esculapra

[lexxkrt]

В 22.08.2020 в 19:03, kuripka2222 сказал:

Нет, мне надо не стили задать, а нужен класс подключить или идентификатор при клике на который появляется окошко с подменю

а в чем проблема через even odd вызвать событие "при клике на который появляется окошко с подменю"