Jquery 使用滑动切换的正确设置

伙计们，我正在尝试获取一个帖子列表，它的内容不会显示在页面加载上，但在每个div中都有一个展开按钮，可以展开特定的帖子。以下是我目前掌握的代码：

<div class="postEntry">

    <div class="collapsibleContent">
         <div class="postContent"></div>
    </div>

    <div class="actionDiv">
        <span id="actionWording">Read More</span>
        <a href="#" id="actionLink" class="open"></a>
    </div>

</div>

<div class="postEntry">

    <div class="collapsibleContent">
         <div class="postContent"></div>
    </div>

    <div class="actionDiv">
        <span id="actionWording">Read More</span>
        <a href="#" id="actionLink" class="open"></a>
    </div>

</div>

应该是这样的（通过使用

parent（）

）：

应该是这样的（通过使用

parent（）

）：

查找

.prev（）

并使用

.hide（）

方法，除非使用锚，否则不需要返回false，但在这种情况下，我建议使用

事件.preventDefault（）

查找

.prev（）

并使用

.hide（）

方法，除非使用锚，否则不需要返回false，但在这种情况下，我建议使用

事件.preventDefault（）

---

这是可行的，但是我如何将actionButton div中的EXPAND更改为COLLAPSE呢。感谢you@TikaL13谢谢你。“改变”是什么意思？更改什么？如果一个被扩展，希望另一个也关闭。再次感谢！措辞。因此，当您单击actionButton时，我希望该div中的文本显示为COLLAPSE，反之亦然，当关闭时重置为EXPAND。请参阅我的EXPAND/COLLAPSE答案这确实有效，但如何将actionButton div中的EXPAND更改为COLLAPSE。感谢you@TikaL13谢谢你。“改变”是什么意思？更改什么？如果一个被扩展，希望另一个也关闭。再次感谢！措辞。因此，当您单击操作按钮时，我希望该div中的文本在关闭时显示为COLLAPSE，反之亦然。请参阅我的展开/折叠答案您应该知道

ID

在文档中必须是唯一的。您应该知道

ID

在文档中必须是唯一的。

jQuery(function()
{

  $('.collapsibleContent').each(function() {
    $(this).css('display', 'none');
  });

  $('.actionButton').click(function() {
    $(this).next('.collapsibleContent').slideToggle('fast')
    return false;
  });

});

$(document).ready(function()
{
  $('.collapsibleContent').css('display', 'none');

  $('.actionButton').click(function() {
    $(this).parent().find('.collapsibleContent').slideToggle('fast');
    if ( $(this).html() == 'COLLAPSE' )
      $(this).html('EXPAND');
    else
      $(this).html('COLLAPSE');
  });

});

$(function(){

  $('.collapsibleContent').hide();
  
  $('.actionButton').click(function( ev ) {
      ev.preventDefault();

      var visible = $(this).prev('.collapsibleContent').is(':visible'),
         slideTog = visible?'slideUp':'slideDown',
              txt = visible?'EXPAND':'COLLAPSE';
       
      $('.collapsibleContent').slideUp().next('.actionButton').text('EXPAND');
      
      $(this).text( txt ).prev('.collapsibleContent')[slideTog]();

  });
   
});