1

私はこのhtmlを持っています

 <div class = "theListItem" data-role="collapsible-set" data-collapsed="false">
    <div data-role="collapsible" data-collapsed="false" data-theme="a">
        <h3>$11.48   -  10/31/2012   -   Duane Reade #14410  -  Brooklyn Ny</h3>
        <div data-role="controlgroup"  data-type="horizontal">
          <a class= "green" href="categorize.html" data-transition="slide" data-role="button">Yes</a>
          <a class="red" href="#" data-role="button">No</a>
          <a class= "blue" href="IDontKnow.html" data-transition="slide" data-role="button">I don't know</a>
        </div>
    </div>

また、クリックするとコンテンツが折りたたまれます。ゆっくり開くようにアニメーションを追加したいですか？私は.animate？

私が試してみました：

$('document').ready(function(){
    $('.theListItem').click(function(){
           $('.controlgroup').animate({height: 100%,), 500};
     });
});
4

2 に答える 2

1

.controlgroup存在しない原因は使用できclassません。
属性セレクターを使用する[]

jsBin デモ

$(function(){
    $('.theListItem').click(function(){
           $('[data-role="controlgroup"]', this).animate({height: 'toggle'}, 500);
     });
});

またはまた：

$('[data-role="controlgroup"]', this).slideToggle(500);

jsBin デモ

于 2012-11-26T11:50:06.927 に答える
0 
$(document).ready(function() {
    $('.theListItem').click(function() {
        $('.controlgroup').slideToggle(500);
    }
}

私はあなたがそのようなスライド効果を持ちたいと思います-あなたがスライドしたいなら、あなたはスライドを使うべきです;）。

于 2012-11-26T11:52:54.097 に答える