Элемент Показать и скрыть автоматически с помощью счетчика

Question

Теперь я пытаюсь повторно отображать элементы id1 и id2 (скрыть, показать). Если возможно, я также хочу применить методы fade-in/out.

Хотя я могу видеть значение «счетчика», помещая alert(); функция. Но id1,2 не меняют себя, и только id1 застрял как окончательный дисплей. Я поставил ниже код.

<div class="row" id = 'wow1'> wowwow1 </div> 
<div class="row" id = 'wow2' style="display:none;"> wowwow2 </div> 

////

<script> 
$(function() { 

    var counter = 0; 

    var timer = setInterval(showDiv, 2000); 

    function showDiv() { 
    if (counter ==0) { counter++; return; } 

    $('#wow1','#wow2') 
     .hide() 
     .filter(function() { return this.id.match('wow' + counter); }) 
     .show('fast'); 
    counter == 2? counter = 0 : counter++; 
    alert(wow); 

    } 

}); 
</script> 

Я изменил этот код немного от другого переполнения стека вопроса для этого приложения. Как я могу сделать эту работу? Пожалуйста, дайте мне знать!

Лучшие

Answer 1

Изменение $('#wow1','#wow2') в $('#wow1,#wow2')

Как ваш текущий код ищет #wow1 внутри #wow2 тогда вы на самом деле хотите, чтобы выбрать оба элемента.

http://api.jquery.com/jQuery/#jQuery-selector-context