2015-05-12 4 views
-2

Мне нужна помощь здесь, пожалуйста, скажите, почему она работает неправильно Почему этот код не работает? Я много пробовал, но не смог.Использование Javascript для использования css

$('#windowhead').click(function(){ 
    /*$("#fullwindow").css({ 
    "height":20+"px" 
    });*/ 
    $("#fullwindow").slideToggle('css'({ 
    "height":20+"px" 
    })); 
}); 

Извините за мой плохой английский и за неправильное объяснение, я не знаю, как объяснить хорошо.

+1

Определите, что «не работает», опишите, что вы пытаетесь сделать. –

+1

вам может понадобиться добавить кавычки до 20, чтобы сделать это конкат правильно, чтобы оно выглядело как '" height ":" "+20+" px "' –

+1

$ ("# fullwindow"). SlideToggle ('css' ({ «высота»: «20px» })); –

ответ

1

Там есть ошибка синтаксиса в коде:

$('#windowhead').click(function(){ 
    $("#fullwindow").slideToggle(function() { // <-- notice the anonymous function 
     $(this).css({ 
      "height":20+"px" 
     }); 
    }); 
}); 

Стоит отметить, что логика здесь странно.

Вы устанавливаете высоту #fullWindow в 20px после того, как slideToggle завершает открытие или закрытие элемента. Вы можете просмотреть эту логику.

Чтобы переключить элемент, нажмите кнопку ToggleToggle.

$('#windowhead').click(function(){ 
    $("#fullwindow").slideToggle(); 
}); 
+0

Я не хочу, чтобы все его переключали. window head не скрывает. – Phoenix

+0

здесь я загрузил свой код. Я хочу, чтобы мой идентификатор chathead не скрывался. он должен показать, а другая часть chatwindow должна быть скрыта, и когда я перейду на чат-чат, тогда вам будет показано сообщение chatwindow. – Phoenix

+0

http://codepen.io/anon/pen/gprmqN – Phoenix

Смежные вопросы