Форум Сайтостроение Веб-строительство

Как присвоить class через скрипт?

О7
На сайте с 21.09.2009
Offline
64
Ольга777
700

всем доброй ночи....уже голова кипит - не могу решить эту задачу :mad:

есть скрипт, который открывает невидимый блок. Делает он это через строчку:

$(this).parent().children('div.МОЙСТИЛЬ').toggle('normal');

всё, больше ничего нет.

МОЙ СТИЛЬ: {display:none;background:green;}

Блок появляется, но зелёным блок не становится. Вот как так?

Я так понимаю, запись toggle('normal') делает блок видимым, то есть отменяет display:none. А как тогда цвет присвоить?

Заранее благодарю за помощь, подсказки, где копать и тому подобное.....

A9
На сайте с 04.01.2012
Offline
317
adel92
#1
Ольга777:
всем доброй ночи....уже голова кипит - не могу решить эту задачу 😡

есть скрипт, который открывает невидимый блок. Делает он это через строчку:
$(this).parent().children('div.МОЙСТИЛЬ').toggle('normal');

всё, больше ничего нет.

МОЙ СТИЛЬ: {display:none;background:green;}

Блок появляется, но зелёным блок не становится. Вот как так?

Я так понимаю, запись toggle('normal') делает блок видимым, то есть отменяет display:none. А как тогда цвет присвоить?

Заранее благодарю за помощь, подсказки, где копать и тому подобное.....

А почему внутри дива не указать цвет? и зачем его скрывать если он прозрачный и цвет нужен?

Хотя может я что то не так понимаю

https://qckl.net - аренда выделенных серверов от 9.99€! Адекватная политика абуз! При оплате от 6 мес. - 3 мес. в подарок! Заказывайте!
Samail
На сайте с 10.05.2007
Offline
369
Samail
#2

У меня он зелёный: 

<style>

  .splCont{display:none;background:green;}

</style> 

<script type="text/javascript">

        $(document).ready(function () {

            $('.splLink').click(function () {

                $(this).parent().children('div.splCont').toggle('normal');

                return false;

            });

        });

</script>

<a href="#" class="splLink"><strong>Спойлер</strong></a>

<div class="splCont" >текст</div>
MT
На сайте с 17.01.2017
Offline
22
MikeTheRaven
#3

Инспектором кода пользоваться научитесь, очень помогает в таких случаях.

О7
На сайте с 21.09.2009
Offline
64
Ольга777
#4
Samail:
У меня он зелёный:
<style>
  .splCont{display:none;background:green;}
</style> 
<script type="text/javascript">
        $(document).ready(function () {
            $('.splLink').click(function () {
                $(this).parent().children('div.splCont').toggle('normal');
                return false;
            });
        });
</script>
<a href="#" class="splLink"><strong>Спойлер</strong></a>
<div class="splCont" >текст</div>

у меня фон мигнёт зелёным 1 раз и пропадает.

Значит где-то ещё что-то прописано...не понятно

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий