News
IBM to offer mobile security as a service IBM will start delivering mobile security-as-a-service (MaaS) through its own cloud infrastructure in India, a move that is expected to better address in-country data requirements... IBM Spectrum Computing: IBM has enlarged its portfolio of software-defined infrastructure solutions with cognitive features for workload management.  * LiFi internet technology has been introduced, the new type of wireless internet connection that gives 100 times faster than traditional WiFi -- Invented by Professor Harald Haas from the University of Edinburgh. * Sci. Rachid Yazami has developed a smart chip that charges smartphones in less than 10 minutes. BenQ has launched BlueCore projector - Consumer electronics major BenQ has launched its first BlueCore laser light source projector. For those unaware, devices with BlueCore laser technology have a high contrast output of 80000:1 with an extended lamp life and efficiency. *** 
  Apr 6 2015 12:08AM     John
  0 Comments    1386 Views  
Here John gave such a good explanation with example and Demo for creating Accordion Using CSS/HTML.
HTML
<div id="dvAccordion">
        <h3 class="accMenu marginTop">
            <span class="padding">ASP.Net / C#</span>
        </h3>
        <div class="width25pc height185px padding">
            <p>
                ASP.NET is an open source[2] server-side Web application framework designed for
                Web development to produce dynamic Web pages. It was developed by Microsoft to allow
                programmers to build dynamic web sites, web applications and web services.
            </p>
        </div>
        <h3 class="accMenu marginTop">
            <span class="padding">Java Script</span>
        </h3>
        <div class="width25pc height185px padding">
            <p>
                JavaScript is a dynamic computer programming language. It is most commonly used
                as part of web browsers, whose implementations allow client-side scripts to interact
                with the user, control the browser, communicate asynchronously, and alter the document
                content that is displayed.
            </p>
        </div>
        <h3 class="accMenu marginTop">
            <span class="padding">JQuery</span>
        </h3>
        <div class="width25pc height185px padding">
            <p>
                jQuery's syntax is designed to make it easier to navigate a document, select DOM
                elements, create animations, handle events, and develop Ajax applications. jQuery
                also provides capabilities for developers to create plug-ins on top of the JavaScript
                library.
            </p>
        </div>
        <h3 class="accMenu marginTop">
            <span class="padding">CSS</span>
        </h3>
        <div class="width25pc height185px padding">
            <p>
                Cascading Style Sheets (CSS) is a style sheet language used for describing the look
                and formatting of a document written in a markup language. While most often used
                to change the style of web pages and user interfaces written in HTML and XHTML.
            </p>
        </div>
    </div>
Java Script
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#dvAccordion").accordion();
        });
    </script>
CSS
<style type="text/css">
        .accMenu
        {
            border-radius: 5px;
            background-color: #81B441;
            color: white;
            height: 27px;
            width: 25%;
        }

        .width25pc
        {
            width: 25%;
        }

        .height185px
        {
            height: 120px;
        }

        .marginTop
        {
            margin-bottom: -17px;
        }

        .padding
        {
            padding: 7px;
        }

    </style>
Demo

ASP.Net / C#

ASP.NET is an open source[2] server-side Web application framework designed for Web development to produce dynamic Web pages. It was developed by Microsoft to allow programmers to build dynamic web sites, web applications and web services.

Java Script

JavaScript is a dynamic computer programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed.

JQuery

jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library.

CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to change the style of web pages and user interfaces written in HTML and XHTML.

Hi, This is John.I hope this page will helps you to divide window into multiple parts.Thanks.
BackToTop
Comments



 
Search
Recent Posts
Create Amazon ElasticCache Using Memcached in CSharp
Oct 29 2018 12:09PM Posted By Amose
Get Google Map Lat Lng (Geo Point) By Pincode in C#
Oct 28 2018 12:09PM Posted By Pranav
Google URL Shortener in C#
Oct 20 2018 12:09PM Posted By Sanjay
Bind Gridview from CSV file in Asp.Net C#
Oct 5 2018 12:09PM Posted By Michael
Call WebService method from jQuery in every 1 minute
Sep 26 2018 12:09PM Posted By John
Gridview custom CSS in ASP.Net
Sep 14 2018 12:09PM Posted By Micheal Ryan
Read excel file and bind to Gridview in C#
Sep 10 2018 12:09PM Posted By Micheal
Tags
Follow us on Facebook
Follow us on Google +
Recent post in your Email inbox.
Enter your email address: