Я хочу добавить много
со скрытыми элементами div, которые slideToggle. Я не хочу писать такой длинный код, поэтому я пытаюсь это:
<html>
<head>
<script type="text/javascript" src="jquery-1.5.2.js"></script>
<script type="text/javascript" >
</script>
<script type="text/javascript">
$(document).ready(function() {
//this function does not work when I append the p and div
$(".flip").click(function() {
$(this).next().slideToggle("slow");
});
var p = $('<p></p>').addClass('flip').text('click here');
var div = $('<div></div>').addClass('panel').text('hellow world');
p.append(div);
$(p).bind('click', function() {
// alert($(this).text()); //this alert works when i put it as a p.bind
$(this).next().slideToggle("slow"); //this does not work!! but the previous alert does work....
});
$("div#elements").append(p);
});
</script>
<style type="text/css">
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
<body >
<div id="elements" >
</div>
</body>
</html>
Интересно то, что функция $ (flip) НЕ работает с сгенерированными p и div ... Затем я добавил функцию как (p) .bind и попробовал ее с предупреждением, и она работает, но когда я хочу сдвинуть переключатель, он не работает, кто-нибудь знает почему?