jQuery Mobile Widget réductible iconpos Option

<!doctype html>

<html lang="en">

 

<head>

    <meta charset="utf-8">

    <meta name="viewport" content=

        "width=device-width, initial-scale=1">

 

    <link rel="stylesheet" href=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

 

    <script src="//code.jquery.com/jquery-1.10.2.min.js">

    </script>

 

    <script src=

"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js">

    </script>

 

    <script>

        $(document).ready(function () {

            $("#GFG").collapsible({

                iconpos: "right"

            });

        });

    </script>

</head>

 

<body>

    <div data-role="page" id="page1">

        <div data-role="header">

            <h1>GeeksforGeeks</h1>

            <h3>jQuery Mobile Collapsible Widget iconpos Option</h3>

        </div>

 

        <div role="main" class="ui-content">

            <div data-role="collapsible" id="GFG">

                <h3>GeeksforGeeks</h3>

                <p>

                    GeeksforGeeks is a computer science portal

                    for geeks. It contains well written, well

                    thought and well explained computer science

                    and programming articles, quizzes etc.

                </p>

            </div>

        </div>

    </div>

</body>

 

</html>

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Aller en haut