Ben G. | C# Online Compiler

Ben G. by kblau237

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{
		
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
        
    }
}

    @{
        Layout = null;
    }
    <!DOCTYPE html>
    <html>
    <head>
        <style type="text/css">
            .prodTabs div.cpf_hide_element {
                display: none;
                margin-bottom: 0;
            }

            .prodTabs.active > div.tm-extra-product-options-container {
                visibility: visible;
                height: auto;
                opacity: 1;
            }

            .prodTabs.active div.cpf_hide_element {
                display: block;
            }
        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
        <!-- Script to illustrates slideToggle() method -->
        <script>
            $(document).ready(function () {
                $(".tm-section-label").click(function () {
                    $(this).parent().addClass('active');
                    var q = $(this).parent().find('.tm-extra-product-options-container');
                    if (q.hasClass('cpf_hide_element')) {

                        q.removeClass('cpf_hide_element');
                    }
                    else {
                        q.slideToggle('fast,easing');
                        q.removeClass('cpf_hide_element');
                    }
                });
                $(".tm-section-label").click(function () {
                    $(".tm-section-label").not(this).parent().removeClass('active').find('.tm-extra-product-options-container').slideUp('fast');
                });
            });
        </script>
    </head>
    <body>
        <div class="prodTabs" id="parent">
            <div class="tm-extra-product-options-container cpf_hide_element" id="theContent">The content..</div>
            <div class="tm-section-label">Click Me</div>
        </div>
    </body>
    </html>

View

 
    @{
        Layout = null;
    }
    <!DOCTYPE html>
    <html>
    <head>
        <style type="text/css">
            .prodTabs div.cpf_hide_element {
                display: none;
                margin-bottom: 0;
            }
​
            .prodTabs.active > div.tm-extra-product-options-container {
                visibility: visible;
                height: auto;
                opacity: 1;
            }
​
            .prodTabs.active div.cpf_hide_element {
                display: block;
            }
        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
        <!-- Script to illustrates slideToggle() method -->
        <script>
            $(document).ready(function () {
                $(".tm-section-label").click(function () {
                    $(this).parent().addClass('active');
                    var q = $(this).parent().find('.tm-extra-product-options-container');
                    if (q.hasClass('cpf_hide_element')) {
​
                        q.removeClass('cpf_hide_element');
                    }
                    else {
                        q.slideToggle('fast,easing');
                        q.removeClass('cpf_hide_element');
                    }
                });
                $(".tm-section-label").click(function () {
                    $(".tm-section-label").not(this).parent().removeClass('active').find('.tm-extra-product-options-container').slideUp('fast');
                });
            });
        </script>
    </head>
    <body>
        <div class="prodTabs" id="parent">
            <div class="tm-extra-product-options-container cpf_hide_element" id="theContent">The content..</div>
            <div class="tm-section-label">Click Me</div>
        </div>
    </body>
    </html>
​

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

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			return View(new SampleViewModel());
		}


		}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }
​
​
        }
}

View in Full Screen

Last Run:	4:30:55 pm
Compile:	0.315s
Execute:	0s
Memory:	380kb
CPU:	0.031s

View IL Code