0

У меня ситуация такая. Есть меню с раскрытыми блоками. Где то блоки раскрыты, где то нет.

Я хочу взять все элементы по имени класса, в которых css("display")=="block" и применить для них .slideToggle("normal")

как это можно сделать? тут нужен цикл или можно как то одной строкой?

Вот имя класса для элементов которые я хочу взять: navpanelelement-content

1

2 ответа 2

3

$( ".navpanelelement-content" ).each(function( i ) {
 if($(this).css("display") == "block"){
 	$(this).slideToggle("normal");
 }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="navpanelelement-content" style="display:block;">adwwdawd</div>
<div class="navpanelelement-content" style="display:inline-block;">awdwadwad</div>
<div class="navpanelelement-content" style="display:block;">awdawdwada</div>
<div class="navpanelelement-content" style="display:inline-block;">wdawdwad</div>
<div class="navpanelelement-content" style="display:block;">awdawdawd</div>
<div class="navpanelelement-content" style="display:inline-block;">awdwdawd</div>
<div class="navpanelelement-content" style="display:block;">awdawdawda</div>
<div class="navpanelelement-content" style="display:inline-block;">wdadaw</div>

1

По сути, верный ответ уже дан, но почему бы и такой вариант не предложить (по идее они одинаково работают в плане скорости):

$( ".navpanelelement-content" )
  .filter(function() {
    return $(this).css("display") === "block";
  })
  .slideToggle("normal");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="navpanelelement-content" style="display:block;">adwwdawd</div>
<div class="navpanelelement-content" style="display:inline-block;">awdwadwad</div>
<div class="navpanelelement-content" style="display:block;">awdawdwada</div>
<div class="navpanelelement-content" style="display:inline-block;">wdawdwad</div>
<div class="navpanelelement-content" style="display:block;">awdawdawd</div>
<div class="navpanelelement-content" style="display:inline-block;">awdwdawd</div>
<div class="navpanelelement-content" style="display:block;">awdawdawda</div>
<div class="navpanelelement-content" style="display:inline-block;">wdadaw</div>

2
  • 1
    не должны одинаково: у тебя один проход по полной коллекции для фильтрации, и второй проход по оставшейся коллекции с вызовом slideToggle. В соседнем ответе: один проход по полной коллекции.
    – Grundy
    6 окт 2017 в 11:22
  • @Grundy, хмхм, никогда не задумывался на самом деле, что slideToggle ещё раз проходится по всей коллекции и применяет к каждому элементу. Но ответ думаю имеет смысл оставить, особенно с подобным комментарием ибо имеет место быть. Btw, думал твой подход "он как минимум короче на 1 символ" применим к любой оптимизации, но видимо нет xDDD 6 окт 2017 в 11:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.