1

我希望有人能帮帮忙。包含的 html 代码中有 3 个带有员工块类的 div。我想添加 javascript/jquery 代码来展开/折叠第二个 div（或员工块 div）之后的任何内容。这是我的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 代码中，我只想隐藏/显示第三个员工块 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 回答