元素使用计数器自动显示和隐藏

时间:2015-10-10 23:13:46

标签: javascript

我现在正试图重复显示id1和id2元素(隐藏,显示)。如果可能的话,我也想放入淡入/淡出方法。

虽然我可以看到" counter"通过置入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>

我从这个应用程序的其他堆栈溢出问题中修改了这个代码。我怎样才能做到这一点? 请让我知道!

最佳

1 个答案:

答案 0 :(得分:1)

$('#wow1','#wow2')更改为$('#wow1,#wow2')

由于您当前的代码在#wow1内寻找#wow2,而您实际上想要选择这两个元素。

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