Скрытая панель продолжает появляться при загрузке страницы

Question

У меня есть этот div, который должен быть скрыт при загрузке страницы, и он появляется при нажатии на определенную кнопку. Хотя в классе CSS я добавил display:none к классу, а в JQuery, который я добавил ("$('.panel').hide()"), панель все еще появляется, когда страница загружается, когда страница загружается, она исчезает ... Любые предложения о том, как скрыть ее, все время пока не нажата кнопка показа?

Спасибо.

Answer 1

Убедитесь, что элемент не имеет встроенного стиля, например:

<div style="display: block;">

Это заменит вашу таблицу стилей CSS и будет отображаться до тех пор, пока jQuery не выполнит .hide(), что, по-видимому, является симптомами, которые вы испытываете.

Answer 2

Вы уверены, что это не

visibility:hidden;

, что вы ищете?

РЕДАКТИРОВАТЬ: Забыли упомянуть, чтобы сначала удалить Javascript, чтобы вы могли точно определить проблему.

Answer 3

В самом HTML поместите жестко закодированный стиль = "видимость: скрытый". Хотя это избыточно, браузер обработает это до того, как сработает JavaScript.

Answer 4

Попробуйте удалить jquery.hide (), и если он все еще показывает, у вас есть проблема с CSS. Мы можем предположить, что jquery работает, потому что он скрывает его после завершения загрузки страницы, когда jquery будет выполнен для вас.

Возможно, вставьте некоторый код, и мы сможем добраться до сути этого ...