Подмена класса на jQuery

DatiX 22.08.2012 подмена, классы, CSS Все вопросы » jQuery 4776

вопрос

написал я код для подмены класса двух блоков одновременно... в Опере он работает а от в остальных не хочет...а так как я в квери не силен... может вы подскажите что тут не так...

Показать / Скрыть текст

<style>
.b1 {
    width:100px;
    height:100px;
    border:1px solid #000;
}

.b2 {
    width:200px;
    height:200px;
    border:1px solid #000;
}

.b3 {
    display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var count = 0;
    $("#link").click(function(){
      $("#b1").toggleClass("b2");
      $("#b2").toggleClass("b3");
    });
});&#8203;
</script>
</head>

<body>
<a href="#" id="link">1111</a>

<div id="b1" class="b1"></div>
<div id="b2" class="b1"></div>

Ответил: ПафНутиЙ

Руки кривые, или редактор, честно.
пока не переписал код вручную - ничего не работало. Не знаю почему, но подозреваю, что из-за редактора, ибо мой редактор отступы не воспринял ни как пробелы, ни как табы.

Показать / Скрыть текст

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <style>
    .b1 {
        width:100px;
        height:100px;
        border:1px solid #000;
        background: #000;
        color: #fff;
    }

    .b1.b2 {
        width:200px;
        height:200px;
        border:1px solid #000;
        background: #fff;
        color: #000;
    }

    .b1.b3 {
        color: #ccc;
        display: none;
    }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
    jQuery(function($) {
        $("#link").click(function(){
            $("#b1").toggleClass("b2");
            $("#b2").toggleClass("b3");
            return false;
        });
    });
    </script>
</head>

<body>
    <a href="#" id="link">1111</a>

    <div id="b1" class="b1">222222</div>
    <div id="b2" class="b1">33</div>
</html>

4 комментария

Юзер

175

DatiX - 2015-04-1523 августа 2012 00:20 - #6660

спасибо Sander(у), помог =)

Юзер

175

DatiX - 2015-04-1523 августа 2012 00:35 - #6661

Sander подправил код вот до такого варианта

$("#link_b").live({click:function(){
    $("#b1").toggleClass("b2");
    $("#b2").animate({width:'toggle'});
}});

а то предыдущий у меня работал только на главной странице...

ах да и на счет редактора... я писал код вот тут
jsfiddle.net, думаю из за этого такой глюк...

Эксперт

1925

nowheremany - 2015-04-1523 августа 2012 09:47 - #6665

http://jquery.page2page.ru/index.php5/%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0_%D1%83%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%BE%D0%B1%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9

Благодарность принимаю тут Связь

Эксперт

1925

nowheremany - 2015-04-1523 августа 2012 09:53 - #6666

По поводу toggleClass("b2"); что собственно ты хочешь. Почему подмена, если toggleClass только добавляет или удаляет класс, если его нет/есть

Благодарность принимаю тут Связь

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?