// JavaScript Document
$(document).ready(function()	{

	//ocultamos aquellos elementos dentro de #test1 de tipo li que sean más pequeños que el tercer elemento, teniendo en cuenta que el número que indicamos empieza por 0
	//$("#test1 li:lt(2)").hide();
	
	
	//indicamos un estilo para los elementos li pares e impares de #test1
	/*$("#test1 li:odd").css("background-color", "#ffcc00").css("border", "3px solid black").css("margin-bottom", "10px");
	$("#test1 li:even").css("background-color", "green").css("border", "3px solid black").css("margin-bottom", "10px");
	*/
	
	//introducir nuevos elementos generados dinámicamente por programación al ul seleccionado #test1
	/*
	for (var i = 0; i<10; i++)	{
		$("#test1").append("<li>hola" + i + "</li>");
	}*/

	//ejemplo de botones redondeados
/*	$(".rounded").html("<p style='float:left'>hola dkjf sdfkj sdklfjsdfkl</p>");
	$(".rounded").append("<div class='rounded-right'></div>");
	$(".rounded").prepend("<div class='rounded-left'></div>");
*/

	$("#buttonTest").click (function()	{
	
		$("#pop").slideUp("fast");	

	});
	
	/*$("#buttonTest2").click (function()	{
	
		$("#test").slideUp(3000);

	});*/
	
	
	
	/*$("#buttonTest2").toggle (function()	{
	
		$("#test").slideUp("fast");

	}, function()	{
		
		$("#test").slideDown("fast");
		
	}, function()	{
		
		$("#test").css("background-color", "#fabada");
	});*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


});