Как сделать toggleClass в jquery?

-3

Я есть пример кода HTMLКак сделать toggleClass в jquery?

<div class="new"> 
    <div class="wrapper"> 
      <div class="icon"></div> 
      <div class="content">content</div> 
    </div> 
    <div class="list"></div> 
    <div class="wrapper"> 
      <div class="icon"></div> 
      <div class="content">content</div> 
    </div> 
    <div class="list"></div> 
</div>

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

источник

2015-11-25 xanka

Можете ли вы показать нам, что вы пробовали? –

вы можете предоставить свой jquery ?? будет лучше, если вы сможете предоставить скрипку вместе со сценарием –

. Я попробовал использовать toggleClass и addClass для содержимого класса при щелчке значка класса. но он применяется ко всему содержимому класса. – xanka

$('.icon').click(function(){ 
 
$(this).next('.content').toggle('slow') 
 

 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="new"> 
 
    <div class="wrapper"> 
 
      <div class="icon">QWE</div> 
 
      <div class="content">content</div> 
 
    </div> 
 
    <div class="wrapper"> 
 
      <div class="icon">QWE</div> 
 
      <div class="content">content</div> 
 
    </div> 
 
</div>

Использование .next()

Описание: Получить сразу после родственный каждого элемента в наборе соответствующих элементов. Если предусмотрен селектор, он получает следующий брат, только если он соответствует этому селектору.

Или .siblings()

Описание: Получить братьев каждого элемента в наборе соответствующих элементов, при необходимости отфильтрованы с помощью селектора.

источник

2015-11-25 02:08:33 guradio

Спасибо. вы можете мне помочь? i обновленный вопрос @guradio – xanka

'$ (this) .parent(). next ('. list'). toggle ('slow')' @xanka использовать это – guradio

это работает спасибо :) – xanka

Как сделать toggleClass в jquery?

ответ

Смежные вопросы