1

このコードに + と - のスパンを追加する方法はありますか? 私はそれを機能させるのにかなりの時間を費やしています。前後に切り替えるときにdivに入れたいです。このコードはうまく機能していますが、コードを変更するたびに機能していないようです。:-/

<script>
$(function() {
      $( '.mylisting-trigger' ).click(function() {
      $( '.mylisting-main' ).toggle( 'blind', {direction: 'down'}, 200 );
        return false;
     });
    });
</script>

これが私が使用しているHTMLです。

<div class="row mylisting">
<div class="twelve columns">
    <div class="mylisting-header">
        <a href="#" class="mylisting-trigger"><h1>my listing</h1><h1><span>(24)</span></h1></a>
    </div><!--/mylisting-header-->
    <div class="mylisting-main">
        <div class="mylisting-options">
            <p>
                <a href="#">Send</a> 
                <a href="#">Rename</a>
                <a href="#">Delete</a>
            </p>
        </div>
            </div><!--/.mylisting-main-->
        </div><!--/twelve columns-->
     </div><!--/row mylisting-->
4

1 に答える 1

0

You can try something like this:

<div class="mylisting-header"> 
    <a href="#" class="mylisting-trigger">
         <span class='show'>- Less</span>
    </a>
</div>


$(function () {
    $('.mylisting-trigger').click(function(e) {
        e.preventDefault();
        $('.mylisting-main').toggle('blind', {direction: 'down'}, function () {
            var $this = $(this);
            $('.show').text(function (i, v) {
                return $this.is(':hidden') ? '+ More' : '- Less';
            })
        });
    });
});

http://jsfiddle.net/nxGfM/

于 2013-01-23T01:53:05.327 に答える