Javascript переключатель id onclick как сделать?

173

Robick

19 апреля 2018, 12:48

710

Господа, подскажите плз правильный скрипт, для смены имени id в диве:


<div itemprop="text" class="question-content" id="blur">

        <?php the_content(); ?>

</div>



<a href="#" id="show_link">Показать</a>

Задача: при клике на Показать id="blur" менять на id="sharp"

1759

LEOnidUKG

19 апреля 2018, 12:52

#1

Может лучше this. использовать?

---------- Добавлено 19.04.2018 в 15:52 ----------

https://www.google.ru/search?client=opera&q=jquery+показать+скрыть&sourceid=opera&ie=UTF-8&oe=UTF-8

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/

173

Robick

19 апреля 2018, 12:52

#2

да может и лучше, я не знаю

S

171

silicoid

19 апреля 2018, 12:59

#3

$('#show_link').click(function(){

$('.question-content').attr('id','sharp');

})

1

173

Robick

19 апреля 2018, 13:06

#4

silicoid:
$('#show_link').click(function(){
$('.question-content').attr('id','sharp');
})

Чет нифига (

    <div itemprop="text" class="question-content" id="blur">

        <?php the_content(); ?>

    </div>

<a href="#" id="show_link">Посмотреть ответ</a>



<script> $('#show_link').click(function(){

$('.question-content').attr('id','sharp');

})

</script>

369

Samail

19 апреля 2018, 13:21

#5

Robick, библиотека jquery подключена? И так ID сменится у всех элементов с классом question-content

1

173

Robick

19 апреля 2018, 13:35

#6

jquery подключен, для всех элементов - это подходит

---------- Добавлено 19.04.2018 в 18:40 ----------

На другом сайте проверил, код silicoid, заработал.

Все отлично, спасибо!

ДП

203

Дикий пионер

19 апреля 2018, 13:41

#7

Нет ли тут проблемы x-y https://ru.meta.stackoverflow.com/questions/709/%D0%A7%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B0-%D0%BC%D0%BE%D0%BB%D0%BE%D1%82%D0%BA%D0%B0-%D0%B8%D0%BB%D0%B8-%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B0-xy ?

Вы изначально что хотите с помощью смены айдишника добиться? сделать открытие/закрытие блока по клику?

173

Robick

19 апреля 2018, 17:32

#8

Дикий пионер:
Нет ли тут проблемы x-y https://ru.meta.stackoverflow.com/questions/709/%D0%A7%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B0-%D0%BC%D0%BE%D0%BB%D0%BE%D1%82%D0%BA%D0%B0-%D0%B8%D0%BB%D0%B8-%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B0-xy ?
Вы изначально что хотите с помощью смены айдишника добиться? сделать открытие/закрытие блока по клику?

Изначально контент div class="blur" задан как размытый стилями

при нажатии, размытие пропадает

Сделал, все работает, только в loop'e работает только первая ссылка, ссылки под другими блоками не работают, как сделать что бы все ссылки работали, или каждая ссылка работала только в своем блоке?

В YouTube теперь можно Одноклассники запустили функцию размытия В Skype для iOS

369

Samail

19 апреля 2018, 17:53

#9

Robick:
id="blur"

Robick:
div class="blur"

Всё таки класс или id? Нужно по клику показать все блоки или только тот который перед ссылкой?

173

Robick

19 апреля 2018, 17:57

#10

пардон, везде id, не класс

В идеале показать только тот, который перед ссылкой, но если сложно, то пойдет и все блоки

пока работает только первая ссылка после первого блока, остальные ссылки не работают

Курс биткоина превысил $50 тысяч

Зачем быть уникальным в мире, где все можно скопировать