Как я могу показать / скрыть div, используя свойства из файла CSS, используя JavaScript

Question

Я хочу показать div, для которого начальное отображаемое значение установлено в "none" в HTML-файле. Я не хочу использовать $ (object) .style.display = "initial", потому что он неправильно форматирует страницу. Я уверен, что есть способ сделать это. Кто-нибудь может помочь?

JavaScript:

function showPrecip() {
$("slider").style.display = "none";
$("graph").style.display = "initial";}

CSS:

#graph td div {
background-color: #e7f1fd;
border-top: 2px solid #1878f0;
font-weight: bold;
text-align: center;
width: 50px;}

#graph td, #temps {
height: 100px;
vertical-align: bottom;}

HTML:

    <table id="graph">
    </table>
    <div id="temps">
        <input id="slider" type="range" min="0" max="24" step="3" />
    </div>

javascript css display

0

Troy 20 Фев 2016 в 08:25

Если вы используете visibility = 'hidden' => visibility = 'visible', то они не будут вносить никаких изменений в макет - вы это имеете в виду?

–

Jaromanda X

20 Фев 2016 в 08:26

Если вы используете jQuery (который, я могу только предположить, вам предоставлен $), то, IMO, было бы лучше использовать $('.slider').css('display', 'block')

–

dsifford

20 Фев 2016 в 08:34

Являются ли slider и graph пользовательскими элементами? Можете ли вы включить html в вопрос?

–

guest271314

20 Фев 2016 в 08:37

Answer 1

Поведение по умолчанию для div - «Блокировать».

Просто измените javascript на приведенный ниже, все в порядке. Поскольку я использую этот метод для этой части. $ ("график"). style.display = "";

0

Frank Fung 20 Фев 2016 в 08:27

Answer 2

Создайте класс CSS

.hidden {
  display: none;
}

При необходимости переключите его с помощью JS

function showPrecip() {
  $("slider").addClass("hidden");
  $("graph").removeClass("hidden");
}

0

amflare 20 Фев 2016 в 08:48

Как я могу показать / скрыть div, используя свойства из файла CSS, используя JavaScript

2 ответа

Похожие вопросы

Новые вопросы

javascript