在一个子DIV中的toggleClass()在ul中的specyfic LI元素中

时间:2015-11-06 22:55:56

标签: javascript jquery addclass

我的情况如下:

<div class="row folio">
  <ul class="fo-content">
    <li id="xxx">
      <p>Paragraph</p>
      <div class="clearfix"></div>
      <div class="inner">
        <span>Lorem ipsum</span>
      </div>
    </li>
    <li id="xxx3"><p>Paragraph</p>
      <div class="clearfix"></div>
      <div class="inner">
        <span>Lorem ipsum</span>
      </div>
    </li>
  </ul>
</div>

在点击特定的<li>元素后,我尝试在div上创建带有“inner”类的addClass()。我已经有了动画和其他一些动作,如下所示:

wideFolio: function() {

            var list = $( '.fo-content li' );
            var id = $(this).attr('id');
            var inner = $( ".fo-content li .inner" );

            $( '.fo-content li' ).on( 'click', function(a){
                a.preventDefault();

                if( $( this ).css( "height" ) == "270px" ) {
                    inner.removeClass("opened");
                    list.animate({ height: "270px" }, 500 );
                    $(this).animate({height: "450px" }, 
                    { 
                    duration: 500, 
                    complete: function() {
                        $("html, body").animate({ scrollTop: $(this).offset().top },
                            {
                                duration:  500,
                                complete: function() {

                                    $(this).find(".inner").addClass("opened");
                                }
                            });
                        }
                    });
                }
                else {
                    $(this).animate({ height: "270px" }, 500 );
                    inner.removeClass("opened");
                }           
            });
        }

请注意,只关注我尝试添加类()的最后complete:,因为每次我尝试使用find(),nearest(),children()这样的方法都不适用于我。 Find()方法是添加类,但是对于所有<li>元素中的所有div,但是我需要它只发生在列表中的一个单击元素中...也许我今天太累了...感谢所有

1 个答案:

答案 0 :(得分:0)

您应该只在调用事件的元素中查找它,而不是在整个体内查找元素。

import fontforge

font = fontforge.font()

font.encoding = 'UnicodeFull'
font.version = '1.0'
font.weight = 'Regular'
font.fontname = 'icon'
font.familyname = 'icon'
font.fullname = 'icon'
font.em = 1008
font.ascent = 864
font.descent = 144


# Set up ligatures
font.addLookup('liga', 'gsub_ligature', (), (('liga', (('latn', ('dflt')), )), ))
font.addLookupSubtable('liga', 'liga')


def createEmptyChar(font, char):
    glyph = font.createChar(ord(char)).glyphPen()
    glyph.moveTo((0, 0))
    glyph = None


# Empty all characters to remove gibberish...
for code in range(0, 256):
    createEmptyChar(font, chr(code))


# Name of ligature
name = str('commentsmultiple')

icon = font.createChar(-1, name)

icon.addPosSub("liga", tuple(name))

icon.importOutlines('fonts/icon/svg/e601_commentsmultiple128.svg')


font.generate('fonts/icon/icon.woff')
font.close()