Jquery.Menu.Listas | C# Online Compiler

Jquery.Menu.Listas by MANUEL TROYANO DIAGO

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{
		[Required]
		[MinLength(10)]
		[MaxLength(100)]
		[Display(Name = "Ask Magic 8 Ball any question:")]
		public string Question { get; set; }

		//See here for list of answers
		public string Answer { get; set; }
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
        [Required]
        [MinLength(10)]
        [MaxLength(100)]
        [Display(Name = "Ask Magic 8 Ball any question:")]
        public string Question { get; set; }
​
        //See here for list of answers
        public string Answer { get; set; }
    }
}

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
     <meta charset="utf-8">
     <title>each demo</title>
	  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>	 
     <script type="text/javascript">
       
       $(document).ready(function () {
          l1=0;
          l2=0;
          $("#lista1 li").hide();
          $("#lista2 li").hide();

		 //$("#menu1").click(mostrarOcultarItem); 
		 // $("#menu2").click(mostrarOcultarItem); 
		 
		 
		  $( "#menu1").click(function() {
            $( "#lista1 li" ).toggle( "fast", function() {
               // Animation complete.
            });
          });
		 
		 $( "#menu2").click(function() {
            $( "#lista2 li" ).toggle( 1000, function() {
               // Animation complete.
            });
          });
           
       });

       function mostrarOcultarItem()
       {
         if ($(this).attr("id")=="menu1"){
           if (l1==1){
             $("#lista1 li").fadeOut("slow");
             l1=0;
           }else{
             $("#lista1 li").fadeIn("slow"); 

             l1=1;
           }
         }else{
           if (l2==1){
             $("#lista2 li").fadeOut("slow");
             l2=0;
           }else{
             $("#lista2 li").fadeIn("slow");
             l2=1;
           }

         }
       }

      


    </script> 
    <style>
      a {color:Silver; text-decoration:none; display:block;} 
        
      a:hover {color:red; text-decoration:none;} 
      ul {list-style: none;}
      ul {list-style-position: 2px;}
         
	
 
    </style>

</head>
<body>
  	
	<form id="form1">
    
        
         
         <a id="menu1" href="#">Lista 1</a>
          <ul id="lista1">
                 <li>Opción número 1</li>
                 <li>Opción número 2</li> 
                 <li>Opción número 3</li>
                 <li>Opción número 4</li>
          </ul> 
         

         <a id="menu2" href="#">Lista 2</a>

          <ul id="lista2">
                <li>Opción número 1</li>
                <li>Opción número 2</li>
                 <li>Opción número 3</li>
                 <li>Opción número 4</li>
           </ul> 

    </form>
 

</body>
</html>

View

 
@{
    Layout = null;
}
​
<!DOCTYPE html>
​
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
     <meta charset="utf-8">
     <title>each demo</title>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>    
     <script type="text/javascript">
       
       $(document).ready(function () {
          l1=0;
          l2=0;
          $("#lista1 li").hide();
          $("#lista2 li").hide();
​
         //$("#menu1").click(mostrarOcultarItem); 
         // $("#menu2").click(mostrarOcultarItem); 
         
         
          $( "#menu1").click(function() {
            $( "#lista1 li" ).toggle( "fast", function() {
               // Animation complete.
            });
          });
         
         $( "#menu2").click(function() {
            $( "#lista2 li" ).toggle( 1000, function() {
               // Animation complete.
            });
          });
           
       });
​
       function mostrarOcultarItem()
       {
         if ($(this).attr("id")=="menu1"){
           if (l1==1){
             $("#lista1 li").fadeOut("slow");
             l1=0;
           }else{
             $("#lista1 li").fadeIn("slow"); 
​
             l1=1;
           }
         }else{
           if (l2==1){
             $("#lista2 li").fadeOut("slow");
             l2=0;
           }else{
             $("#lista2 li").fadeIn("slow");
             l2=1;
           }
​
         }
       }
​
      
​
​
    </script> 
    <style>
      a {color:Silver; text-decoration:none; display:block;} 
        
      a:hover {color:red; text-decoration:none;} 
      ul {list-style: none;}
      ul {list-style-position: 2px;}
         
    
 
    </style>
​
</head>
<body>
    
    <form id="form1">
    
        
         
         <a id="menu1" href="#">Lista 1</a>
          <ul id="lista1">
                 <li>Opción número 1</li>
                 <li>Opción número 2</li> 
                 <li>Opción número 3</li>
                 <li>Opción número 4</li>
          </ul> 
         
​
         <a id="menu2" href="#">Lista 2</a>
​
          <ul id="lista2">
                <li>Opción número 1</li>
                <li>Opción número 2</li>
                 <li>Opción número 3</li>
                 <li>Opción número 4</li>
           </ul> 
​
    </form>
 
​
</body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		public ActionResult Index()
        {
            return View();
        }

        public JsonResult GetJsonData()
	    {
			Console.Write("getJoson");
            var persons = new List<Person>
                              {
                                  new Person{Id = 1, FirstName = "Manuel", 
                                      LastName = "Troyano", 
                                      Addresses = new List<Address>
                                                      {
                                                          new Address{Line1 = "91255555"},
                                                          new Address{Line1 = "96852525"}
                                                      }},
                                                                                                        
                                  new Person{Id = 2, FirstName = "Luis", 
                                      LastName = "Alvarez", 
                                      Addresses = new List<Address>
                                                      {
                                                          new Address{Line1 = "888999666"},
                                                          new Address{Line1 = "912556363"}
                                                      }}};
			

            return Json(persons, JsonRequestBehavior.AllowGet);
        }

        public class Person
        {
            public int Id { get; set; }
            public string FirstName { get; set; }
            public string LastName { get; set; }

            public List<Address> Addresses { get; set; }
        }

        public class Address
        {
            public string Line1 { get; set; }
            public string Line2 { get; set; }
            public string ZipCode { get; set; }
            public string City { get; set; }
            public string State { get; set; }
            public string Country { get; set; }
        }


	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
​
        public JsonResult GetJsonData()
        {
            Console.Write("getJoson");
            var persons = new List<Person>
                              {
                                  new Person{Id = 1, FirstName = "Manuel", 
                                      LastName = "Troyano", 
                                      Addresses = new List<Address>
                                                      {
                                                          new Address{Line1 = "91255555"},
                                                          new Address{Line1 = "96852525"}
                                                      }},
                                                                                                        
                                  new Person{Id = 2, FirstName = "Luis", 
                                      LastName = "Alvarez", 
                                      Addresses = new List<Address>
                                                      {
                                                          new Address{Line1 = "888999666"},
                                                          new Address{Line1 = "912556363"}
                                                      }}};
            
​
            return Json(persons, JsonRequestBehavior.AllowGet);
        }
​
        public class Person
        {
            public int Id { get; set; }
            public string FirstName { get; set; }
            public string LastName { get; set; }
​
            public List<Address> Addresses { get; set; }
        }
​
        public class Address
        {
            public string Line1 { get; set; }
            public string Line2 { get; set; }
            public string ZipCode { get; set; }
            public string City { get; set; }
            public string State { get; set; }
            public string Country { get; set; }
        }
​
​
    }
}

View in Full Screen

View IL Code