JQuery programozók! Milyen kódot kell írni ahhoz, hogy egy gombnyomással több elemet lehessen mozgatni? (Lenn)
Ez egy kód a "jquery-cookbook" -ból, amit tovább próbálok írni.
A legjobb, ha leírom az egészet:
<html>
<head>
<title>Chapter 6 - Recipe 2</title>
<link rel="stylesheet" href="chapter6.css" type="text/css">
<style type="text/css">
.box {
background-color: #fff;
position: relative;
}
span {
height: 0;
overflow: hidden;
position: absolute;
display: none;
bottom: 0;
background-color: #c00;
}
</style>
<script src="jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$.fn.felfele = function()
{
$(this).animate({ height : '100%' });
}
$("#animate").click(function()
{
$(".box #elso").felfele();
$(".box #masodik").felfele();
});
});
</script>
</head>
<body id="single">
<h2>Making elements visible by sliding them up</h2>
<input type="button" id="animate" value="animate" />
<div class="box">
<span id="elso">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</span>
<span id="masodik">
<p>Itt van az újabb, ami már nem latin.</p>
</span>
</div>
</body>
</html>
Tehát a célom az, hogy mindkét span alatti elem mozogjon. Azonban így persze csak a második tud. Megpróbáltam tömbösítve elvégezni, de nem sikerült. De biztos van rá valami egyszerű módszer, de nem tudtam rájönni.
A választ előre is köszönöm!
válasza:Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!