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

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

вопрос

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

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

<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 только добавляет или удаляет класс, если его нет/есть

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

Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
25-04-2024, 17:18

Странный вы, это как минимум в ваших интересах т.к модули с рейтингами для комментариев есть и в паблике, поэтому и хочется посмотреть как это реализовано у вас. Стоимость то не низкая для модуля
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
24-04-2024, 14:14

А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 13:32

Конечно. Пишите в телеграм.
Nimax | Сделать модуль опросы ³

Nimax
Сделать модуль опросы
22-04-2024, 13:17

Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 12:56

Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
22-04-2024, 12:14

А есть скрины или демо как это на фронте выглядит?
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 18:25

Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 13:18

Как преобрести за 9$? на сайте цена другая
Jigurda | Как в description вставить значение доп. ... ²

Jigurda
Как в description вставить значение доп.поля?
19-04-2024, 10:54

Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
lutskboy | Как в description вставить значение доп. ... ²

lutskboy
Как в description вставить значение доп.поля?
18-04-2024, 21:51

https://sandev.pro/web/159-fullstory-metatags-by-sander.html