Javascript jquery手风琴不显示信息

当你点击初始链接进入我的网站，并在网页上与手风琴手风琴出现和隐藏在1500年的要求。然而，当我点击标题来显示文本时，什么也没有出现。标题只是突出显示。没有错误，控制台日志按照我的要求显示“准备好执行一些jquery”

我的部分观点

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="<?php echo base_url('/js/my_accordian.js'); ?>"></script>

<div id="accordion">    
   <h2>Information</h2>
   <p>more information</p>
   <h2>Information 2</h2>
   <p>more information 2</p>    
   <h2>Information 3</h2>
   <p>more information 3</p>
</div>

css

更新代码：

更正：在段落中添加了结束标记。已替换$（'activeHeading'）。。。使用$（'.activeHeading'）。。它现在是一个有效的选择器。检查这是否是您所需要的

$(document).ready(function() {        
  $('#accordion h2').addClass('exampleClass');    
  $('#accordion p').hide(); 
  $("#accordion h2").click(function () {
      $("#accordion p").slideUp();
      $("#accordion h2").removeClass('activeHeading');
      $(this).addClass('activeHeading');
      $(this).next().slideToggle(400);
   });
});


// YOUR ERROR
// $('.activeHeading').next().slideUp(400);
// $('activeHeading').removeClass('activeHeading');

body {
    font-family:"Arial";
    font-size:0.8em;
    color:black;
    line-height:22px;
   }
h2 {
   /*border-top:1px solid #999999; */
   padding:5px;
   }
.pageTitle {
    font-family:"Garamond";
    color:#777777;
    font-weight:lighter;
    font-size:3em;
}
.activeHeading {
    color:#00AAFF;
}
.exampleClass {
    background-color:red;
}
.anotherExampleClass {
    background-color:blue;
}

<div id="accordion">
 <h2>Information</h2>
 <p>more information</p>
 <h2>Information 2</h2>
 <p>more information 2</p>
 <h2>Information 3</h2>
 <p>more information 3</p>
</div>

$(document).ready(function () {
console.log("ready to do some jquery");
$('h2').addClass('exampleClass');
$('p').hide(1500);
$("h2").click(function () {
    $('.activeHeading').next().slideUp(400);
    $('.activeHeading').removeClass('activeHeading');
    $(this).addClass('activeHeading');
    $(this).next().slideToggle(400);
});
});

$(document).ready(function() {        
  $('#accordion h2').addClass('exampleClass');    
  $('#accordion p').hide(); 
  $("#accordion h2").click(function () {
      $("#accordion p").slideUp();
      $("#accordion h2").removeClass('activeHeading');
      $(this).addClass('activeHeading');
      $(this).next().slideToggle(400);
   });
});


// YOUR ERROR
// $('.activeHeading').next().slideUp(400);
// $('activeHeading').removeClass('activeHeading');