トグルボタンの最も近い親の高さをアニメートできないのですか?

私はトグルボタンの最も近い親の高さをアニメートしようとしています:

CSS

    .review-item {
        background: #E8E8E2;
        height: 26px;
        margin-top: 15px;
        overflow: hidden;
        padding: 15px;

(等。)

JS:

    $(".submit-review-toggle").toggle(function(){
        $(this).closest('.review-item').animate({height:168},200);
    },function(){
        $(this).closest('.review-item').animate({height:26},200);
    });

HTML:

  <div id="review-item-1" class="review-item">
    +

    

Service

<div class="review-overview"> </div> <div class="review-photo"> <div class="review-photo-upload"> <input type="file" class="file-upload" /> </div><input type="text" placeholder="Caption" class="caption" /> </div> </div>

何らかの理由で、リンクをクリックしても何も起こりません。 これを修正するための提案はありますか?

0
何があなたの問題です....ここにエラーはありません
追加された 著者 Ariful Islam,
うまく動作する - > jsfiddle.net/manseuk/N4hMw おそらくそのCSS関連 - 残り ?またはjsfiddleを更新するか、リスナーが追加される前にDOMがロードされていることを確認するためにJSを $(document).ready(function(){});
追加された 著者 ManseUK,

1 答え

It is working for me, check: http://jsfiddle.net/5wh6v/

1
追加された