Efekt jquery działa tylko na pierwszym divie zamiast na wsyzstkich

Question

Witam. Robiąc komunikaty oraz błędy na stronie natchnąłem się na problem. Gdy używam jednego z efektów jQuery to działa ona tylko na pierwszym divie w kodzie, a na każdy następny nie oddziaływuje. Pod spodem daję ten kodzik Js.

 

$(document).ready(function() {setTimeout('message()', 0);});

			function message()
			{
				$('#message_ei').slideToggle(750);
				setTimeout('messageo()', 5000);
			}

			function messageo()
			{
				$('#message_ei').slideToggle(750);
			}

Jeżeli ktoś wie jak zrobić by na wszystkie divy on działał to dziękuje za pomoc.

Answer 1

pobierasz element po ID, zgodnie ze specyfikacją, ID jest unikalne, a więc kilka elementów nie może mieć tego samego id. Pobieraj np po klasie.

Answer 2

$('#message_ei')

Łapiesz element po id, a w html id jest unikatowe! Nie może się powtarzać. Zrób to na klasach.

W divach zamień id na klasy i w jquery też.

https://codepen.io/anon/pen/LjPBLo

Answer 3

Cześć

naprawione:  https://jsfiddle.net/hjjqzp0c/1/

Odwołuj się do klasy nie do id. Szybciej i łatwiej bedzie jeśli dorzucisz jeszcze kod html i css choćby szczątkowy tylko żeby działał.