Rozwijane menu

pytanie zadane 24 kwietnia 2016 w HTML i CSS przez Michał_Warmuz Mądrala (5,830 p.)
zmienione kategorie 24 kwietnia 2016 przez Arkadiusz Waluk

Witam. Szukam takiego efektu co jest na stronie komputronik.pl. Chodzi mi o to że po kliknieciu na przycisk Elektronika pojawia się na dole tabela z sprzętem. Z góry Dziękuje za pomoc :)

1 odpowiedź

odpowiedź 24 kwietnia 2016 przez Łukasz Rząsa Użytkownik (830 p.)
wybrane 12 maja 2016 przez Michał_Warmuz

Najlepsza

edit: Jak chcesz zrobić stronę to na pewno nie w C/C++

https://jsfiddle.net/2qa9qq71/3/

komentarz 25 kwietnia 2016 przez Michał_Warmuz Mądrala (5,830 p.)

Kurde nie działa :(

<!DOCTYPE HTML>
<html lang="PL">
	<head>
		<meta charset="Utf-8" />
		<title>Komputronik</title>
		<meta name="description" content="Strona poświęcona sklepowi internetowemu Komputronik" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link rel="stylesheet" type="text/css" href="style.css" />
		<link rel="stylesheet" type="text/css" href="css/fontello.css" />
		<link href='https://fonts.googleapis.com/css?family=Raleway:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<script src="jquery-2.2.3.min.js"></script>
		<script src="gallery.js"></script>
		<script src="open.js"></script>
		
	</head>
	<body>
		<div id="title">
			<p id="logo"><a href="index.html">Komputronik</a></p>
		</div>
		<div id="menu">
		<div id="nav">
			<div id="button1">Elektronika<i class="demo-icon icon-down-open"></i></div>
			<div id="button3">Usługi</div>
			<div class="button2">Pomoc</div>
			<div class="button2">Kontakt</div>
			<div class="button2">Sklepy</div>
			<div style="clear:both"></div>
		</div>
		</div>
		
			<div id="box">
				<div class="option">Laptopy<img src="img/obrazki/laptop.png" alt="Laptop"></div>
				<div class="option">Laptopy</div>
				<div class="option">Laptopy</div>
				<div class="option">Laptopy</div>
				<div class="option">Laptopy</div>
				<div class="option">Laptopy</div>
				<div style="clear:both;"></div>
			</div>
		<div id="gallery">
		<p><img id="zdjecie_d" src="img/slajdy/slide1.jpg" alt="Duże zdjęcie" /></p>
		
		<p class="galeria">
			<a href="img/slajdy/slide1.jpg" title="Zdjęcie 1"><img src="img/slajdy/slide1.jpg" /></a><br />
			<a href="img/slajdy/slide2.jpg" title="Zdjęcie 1"><img src="img/slajdy/slide2.jpg" /></a><br />
			<a href="img/slajdy/slide3.jpg" title="Zdjęcie 1"><img src="img/slajdy/slide3.jpg" /></a><br />
			<a href="img/slajdy/slide4.jpg" title="Zdjęcie 1"><img src="img/slajdy/slide4.jpg" /></a><br />
		</p>
		</div>
	</body>
</html>

JS:

$( "#button1" ).click(function() {
	$( "#box" ).slideToggle( "slow" );
});

komentarz 6 maja 2016 przez Łukasz Rząsa Użytkownik (830 p.)


$(function(){
    $( "#button1" ).click(function() {
        $( "#box" ).slideToggle( "slow" );
    });
});

Podobne pytania

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci