1

誰かが助けてくれることを願っています。含まれているhtmlコードにemployee-blockクラスを持つ3つのdivがあります。2番目のdiv（またはemployee-block div）の後に何かを展開/折りたたむためにjavascript/jqueryコードを追加したいと思います。これは私のhtmlです：

<div class="employee-block">
    <img alt="test" title="test" src="/images/42.png" /><div class="employee-details"><span class="red strong">TEST</span><br /><p>test description</p></div>                    
</div>               
<div class="bottom"></div>            
<div class="employee-block">
    <div class="employee-details"><span class="red strong">support@.net</span><br /><p>testing description</p></div>                    
</div>               
<div class="bottom"></div>            
<div class="employee-block">
    <img alt="test" title="test" src="/images/42.png" /><div class="employee-details"><span class="red strong">TEST</span><br /><p>test description</p></div>
</div>               
<div class="bottom"></div>

私はこのjqueryコードを持っていますが、プラグインする方法がわかりません。私の例のhtmlコードでは、3番目のemployee-block divのみを非表示/表示したいので、2を超える可能性があるため、実際には2を超えます。

<script type="text/javascript">
$(document).ready(function () {        
    $('div.view').hide();         
    $('div.slide').click(function () {            
        $('div.view').slideToggle(400);
        return false;
    });
});

4

2 に答える 2

1

あなたの質問は私にはあまり明確ではありませんが、このコードを見てください：

$('a.createSomeButton').click( function() {
  if ( ! $('#IwillCollapse').length ) {
    $('.employee-block:gt(1)').wrap('<div id="IwillCollapse" />');
  }
  $('#IwillCollapse').slideToggle();
  return false;
});
于 2013-02-20T21:23:04.773 に答える
0

これはあなたがあなたの道を進むのを助けるはずです。あなたが望むものを達成するための多くの異なる方法がありますが、これは理解するのが最も簡単かもしれません。http://jsfiddle.net/jSZxp/1/

var employeeBlocks = $('.employee-block').slice(2); //returns all after the first 2

employeeBlocks.addClass('hidden'); //attach the hidden class

$('button').on('click', function(){
    employeeBlocks.toggle('hidden'); //toggles the hidden class
});
于 2013-02-20T21:30:45.223 に答える