jQWidgets Forums

This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 11 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Can you give an example of the slide down effort of your forum page? Posts

August 30, 2013 at 1:28 pm Can you give an example of the slide down effort of your forum page? #28052

Member

Hi Peter,

at the right top corner of forum personal page, there are two slide down menu names ‘screen options’ and ‘help’, can you help to give an example how to achieve this effort?

September 2, 2013 at 5:12 am Can you give an example of the slide down effort of your forum page? #28126

Dimitar

Participant

Hello africanfarmer,

Here is an example which demonstrates a similar behaviour:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <style type="text/css">
        #tealBar, #yellowBar
        {
            width: 500px;
        }
        #tealBar
        {
            background-color: Teal;
            height: 200px;
        }
        #yellowBar
        {
            background-color: Yellow;
            height: 30px;
        }
        #button
        {
            position: relative;
            left: 400px;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#button").click(function () {
                $("#tealBar").slideToggle("fast");
            });
        });
    </script>
</head>
<body class='default'>
    <div id="tealBar">
    </div>
    <div id="yellowBar">
        <button id="button">
            Button</button>
    </div>
</body>
</html>

Note that this functionality is not related to jQWidgets and you only need jQuery to achieve it.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.