Jquery 第一个accordion选项卡上的javascript可以工作

我想使用javascript在每个accordion选项卡中单击时显示一个隐藏元素。我使用了以下代码：

$(document).ready(function(){
  $("#SlideMe1b").hide();
  $("#SlideMe1a").click(function() {
    $("#SlideMe1a").hide();
    $("#SlideMe1b").slideDown();

     });
 });

但是，这只适用于第一个手风琴选项卡，而不适用于其他选项卡。我能做些什么来克服这个问题

这是php大括号中的html：

echo "</form><form action='addCourse.php' method='post'>
    <p id='SlideMe1a'>Add new Course</p>
    <p id='SlideMe1b' style='display: none'>
    <input type='hidden' name='semester' value=".$allSemesters[$j][0].">
    Course ID: <input type='text' name='course_id' /><br />
    Course Name: <input type='text' name='course_name' /><br />
    <INPUT TYPE='image' SRC='images/add-course.png' BORDER='0' ALT='Submit Form' title='Add Course'>
    <p>

echo”
添加新课程

课程编号：

课程名称：

您是否尝试过使用

$("#SlideMe1a").live('click', function() {
    $("#SlideMe1a").hide();
    $("#SlideMe1b").slideDown();

     });
 });

---

？

如果您将class.accordion选项卡添加到所有第一个accordion选项卡，或者无论您如何操作，这都应该可以工作。如果您使用ID，则需要为所有选项卡提供单独的功能

Javascript:

$(document).ready(function(){

$('.accordion-tab').click(function() {
    $(this).next('p').slideDown();  
});

});

HTML:

添加新课程

课程编号：

课程名称：

尝试删除

style='display:none'

带有

id='SlideMe1b'

的段落，我认为您最好使用toggle，因为您使用的是id（不是类）这应该只对一个元素有效。你能给我们显示相应的HTML吗？我也尝试过切换。我也面临同样的问题。我已经添加了HTML代码供你参考。我也尝试过。我得到了同样的错误。它只在第一个元素中有效tab@aneesha您是否在第二个选项卡中使用相同的ID？这可能会导致您的应用程序出现问题DOMi也试过了..应该隐藏的段落也会显示..参见修改后的JSFIDLE，得到了编辑后的HTML和对jQuery的修改；

<p id='SlideMe1a' class='accordion-tab'>Add new Course</p>
<p id='SlideMe1b' style='display: none'>
<input type='hidden' name='semester' value=".$allSemesters[$j][0].">
Course ID: <input type='text' name='course_id' /><br />
Course Name: <input type='text' name='course_name' /><br />
</p>