Java-Script/JQueryUI_Accordion.html at main · 26312/Java-Script · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
    <head>JQueryUI Accordion
        <title> JQueryUI Accordion  </title>
        <link rel="stylesheet" href="JS/jquery.js">
        <link rel="stylesheet" href="jquery-ui/jquery-ui.css">
        <link rel="stylesheet" href="jquery-ui/jquery-ui.structure.css">
        <link rel="stylesheet" href="jquery-ui/jquery-ui.theme.css">
    </head>
        <body>
            <h3><b><i>Welcome To Accordion</i></b> </h3>
            <br>
            <div id="div">
                <h4>Varun</h4>
                <p>A proffessional Data Scientist, likes to play and work around with Data,
                    Efficient in providing valuble insights to concern departments within and outside the organization,
                    Owns 35% of shares in the company
                </p>

                <h4>Back Gound</h4>
                <p>Graduated from Pondicherry University - 2014
                    Pursuing Masters in Information engineering in HSRW  Germany
                </p>

                <h4>Knowledge</h4>
                <p>Programming,Analytical Thinking, Great Imagination
                </p>


            </div>

        </body>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="jquery-ui/jquery-ui.js"></script>
        <script>

            $("#div").accordion({
                collapsible:true,
                animate:1000,
                event:"click",
                heightStyle:true,
                active:false,
                icons:{header:"ui-icon-plusthick" , activeHeader:"ui-icon-minusthick"}


            });
        </script>
</html>