Как показать скрытый div, когда JavaScript отключен? - PullRequest
Новая
       6

Как показать скрытый div, когда JavaScript отключен?

1 голос
/ 27 мая 2010

Я скрываю div, используя display:none, и этот div отображается только тогда, когда мы нажимаем на значок + . но если JavaScript отключен, я хочу показать, что div по умолчанию включено. Как это сделать?

Пока я не могу опубликовать весь код. 

jQuery(document).ready(function() {
  jQuery('a#toggle').click(function() {
       jQuery('#map').slideToggle(400);
       return false;

});

CSS 

#map {display:none}

Ответы [ 4 ]

13 голосов
/ 27 мая 2010

Скрыть это только если Javascript включен: 

<head>
    <script type="text/javascript" charset="utf-8">
        document.write('<style type="text/css" media="screen">#map { display: none; }</style>');
    </script>
</head>
3 голосов
/ 27 мая 2010

Вы можете использовать тег noscript: 

<noscript>
<style type="text/css" media="screen">#map { display: block !important; }</style>
</noscript>
2 голосов
/ 27 мая 2010

Я думаю 

<noscript>Your browser does not support JavaScript!</noscript>

Это была бы лучшая идея, чем другие

Поместите деление, которое вы хотите показать, если javascript не включен внутри <noscript> тегов

2 голосов
/ 27 мая 2010

При рендеринге на сервере не устанавливайте display:none для этого div. Во время загрузки страницы на клиенте установите display:none, используя JavaScript.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...