Мне нужна помощь, чтобы исправить этот JavaScript?

Question

введите описание ссылки здесь Этот JavaScript не работает и не будет отображать его зависание, когда я нажимаю на кнопку, она не перемещается, она просто остается там.

<script language="javascript" type="text/javascript"> 
function toggleSlideBox(x) {
        if ($('#'+x).is(":hidden")) {  // this line right here needs fixed 
            $(".editBox").slideUp(200);
            $('#'+x).slideDown(300);
        } else {
            $('#'+x).slideUp(300);
        }
}
</script>

http://www.mediafire.com/?8x6mqy0y2dowv7q http://www.mediafire.com/?g24vt95z0m7jpz7

Вот мой веб-сайт, если вы зарегистрируетесь и зайдете на www.lazarusbenson.com/profile.php, а также на www.lazarusbenson.com/edit_profile.php и попытаетесь отредактировать свой профиль или добавить друга, который испортился и работает правильно также моя личная система обмена сообщениями также портит и продолжает отправлять сообщения себе, а не другим пользователям. Вот две ссылки на весь код

Answer 1

Отличным решением будет использование .SlideToogle ().Это гарантирует, что код будет красивым и простым и будет сдвигать ID / Class вверх и вниз:

<script language="javascript" type="text/javascript"> 
function toggleSlideBox(x) {
            $("#"+x).slideToogle(300);
      }
</script>

Answer 2

В jQuery встроена функция переключения.

Она называется jQuery (). SlideToogle

Так что просто выполните

function toggleSlideDown(x) {
    $('#'+x).slideToggle(300);
}

Answer 3

Итак, ваша ошибка:

$ is not defined [Break On This Error] if ($('#'+x).is(":hidden")) { 

, что означает, что вы не правильно включили jquery в свой html.Убедитесь, что вы добавили эту строку в (дословно):

<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></SCRIPT>          

Если это так, другой вариант заключается в том, что вам не хватает какой-либо закрывающей скобки или скобки где-то.

Answer 4

Попробуйте удалить '#' +

<script language="javascript" type="text/javascript"> 
function toggleSlideBox(x) {
        if ($(x).is(":hidden")) {  // this line right here needs fixed 
            $(".editBox").slideUp(200);
            $(x).slideDown(300);
        } else {
            $(x).slideUp(300);
        }
}
</script>