Question

我想将索引附加到.modalwindows .modAcContent，这样我可以显示/隐藏内容。这就是我希望包含+ index

的内容

$(".modalwindows .modAcContent"+index).css('display','none');

因此，当我点击.modAcTitle时，它会变为BLOCK：

<div class="modAcContent acc_content0" style="display: block;">Content Goes here</div>

当我再次点击它时，它会变为NONE

<div class="modAcContent acc_content0" style="display: none;">Content Goes here</div>

我以为我可以使用它，但它无法在点击功能中正确获取索引。

var index = $(".modalwindows .modAcContent").index()

这是我的点击功能和演示：https://jsfiddle.net/akagg4j1/6/

    $('.modAcTitle:not(.modAcLink)').click(function() {

var index = $(".modalwindows .modAcContent").index()

        if($(this).next().is(':hidden') != true) {
          $(this).removeClass('modAcActive');
          $(this).next().slideUp('normal')
          $(".modalwindows .modAcContent"+index).css('display','none'); 

        } else {

          $(this).siblings('.modAcTitle').removeClass('modAcActive'); 
          $(this).siblings('.modAcContent').slideUp('normal')
          if($(this).next().is(':hidden') == true) {
            $(this).addClass('modAcActive');
            $(".modalwindows .modAcContent"+index).css('display','block');
            $(this).next().slideDown('normal');

          }
        }
      });

Answer 1

诀窍是利用这个点击功能

演示：http://jsfiddle.net/XwN2L/7201/

$('.showSingle').click(function(){
              $('.targetDiv').hide();
              $('#div'+$(this).attr('target')).show();
        });

这是我成品的演示。它适用于桌面和移动设备。这非常适合CMS用例，这是它的设计目的。

https://jsfiddle.net/akagg4j1/12/

获取Click Function中的类索引

1 个答案: