Button w jQuerry

pytanie zadane 7 sierpnia 2017 w JavaScript przez Farmer Obywatel (1,150 p.)

Cześć,

mam problem takiego rodzaju że chciałbym zrobić te kafelki z mediami społecznościowymi tak aby po kliknięciu "włącznik" (nazwa testowa) pojawiały się i znikały tylko, żeby tak się stało to "włącznik" musiałbym zamknąć w tagach "button" a chciałbym to zrobić w tagach "div" bo w button to dla mnie brzydko wygląda

tu kod z js:


		<script>
			$(document).ready(function()
			{
				$("button").click(function()
				{
					$("#yt").fadeToggle(500);
					$("#fb").fadeToggle(1000);
					$("#gplus").fadeToggle(1500);
					$("#tw").fadeToggle(2500);
					$("#insta").fadeToggle(3500);
					$("#snap").fadeToggle(4500);
					$("#whatsapp").fadeToggle(5500);
					$("#google").fadeToggle(6500);
					$("#slownik").fadeToggle(7500);
					$("#muza").fadeToggle(8500);
				});
			});
</script>

mógłby mi ktoś coś poradzić?

2 odpowiedzi

odpowiedź 7 sierpnia 2017 przez mattat Użytkownik (910 p.)
wybrane 7 sierpnia 2017 przez Farmer

Najlepsza

Nie ma żadnego problemu aby wykorzystać div, wystarczy że zrobisz coś takiego:

<div class="moj_div_button">tutaj tekst przycisku</div>

a w JS-ie zmienisz selektor z:

$("button").click(function()

na

$(".moj_div_button").click(function()

tym sposobem wywołasz akcję click na każdym elemencie z klasą .moj_div_button.

komentarz 7 sierpnia 2017 przez Farmer Obywatel (1,150 p.)

dzięki wielkie

komentarz 7 sierpnia 2017 przez Farmer Obywatel (1,150 p.)

a jeszcze jedno... jak zrobić by to było nieaktywne po wczytaniu strony a dopiero po naciśnięciu się włączało?

komentarz 7 sierpnia 2017 przez mattat Użytkownik (910 p.)

w sensie ten .fadeToggle(500); ?

On powinien się wywołać dopiero w momencie jak klikniesz w swój przycisk, musisz doprecyzować pytanie bo nie wiem o co dokładnie chodzi

komentarz 7 sierpnia 2017 przez Farmer Obywatel (1,150 p.)

że cała funkcja jest domyślnie wyłączona

komentarz 7 sierpnia 2017 przez Farmer Obywatel (1,150 p.)

i tych kafelków nie ma bo teraz domyślnie jest włączona i po załadowaniu strony one są na wierzchu a ja chce odwrotnie

komentarz 7 sierpnia 2017 przez mattat Użytkownik (910 p.)

ta funkcja nie jest włączona, ta funkcja klikania dopiero się uaktywni w momencie jak klikniesz na danym elemencie.

Jeśli chcesz aby elementy się pojawiły dopiero w momencie jak klikniesz na dany przycisk to w CSS'ie musisz elementom które się mają pojawić dodać:

display: none;

tym sposobem zostaną ukryte zanim klikniesz w przycisk i pojawią się dopiero po kliknięciu w niego.

O ile o to chodzi, bo nadal nie jestem pewien czy dobrze rozumiem