JavaScript на первой вкладке аккордеона работает - PullRequest
Новая
       24

JavaScript на первой вкладке аккордеона работает

0 голосов
/ 22 декабря 2011

Я хочу использовать javascript для отображения скрытого элемента при нажатии на каждой из вкладок аккордеона. Я использовал этот код: 

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

     });
 });

Однако это работает только для первой вкладки аккордеона, а не для остальных. Что я могу сделать, чтобы преодолеть это?

это HTML-код в скобках php: 

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>

Ответы [ 3 ]

1 голос
/ 22 декабря 2011

Если вы добавляете класс .accordion-tab ко всем вашим первым вкладкам аккордеона или как бы вы это ни делали, это должно сработать. Если вы используете идентификаторы, вам потребуется отдельная функция для всех из них.

Javascript: 

$(document).ready(function(){

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

});

HTML: 

<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>
0 голосов
/ 22 декабря 2011

попробуйте удалить style='display: none' в пункте с id='SlideMe1b'

0 голосов
/ 22 декабря 2011

Вы пробовали использовать 

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

     });
 });

?

...