The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Closing the Slider using Jquery, Closing the Slider using Jquery
Rating  5
Enhanced Software Solutions
post Apr 17 2012, 08:22 AM
Post #1


Newbie
*

Group: Members
Posts: 12
Joined: 22-March 12
From: Tenali
Member No.: 16,762



Hi to all,

I have designed one slider using Jquery. When ever focus is went on Options then slider will be opened from right to left displaying search,delete and clear buttons. My problem is that when i click on Options,the Slider should be closed .

Any Help in this regard

CODE

<div class="button_wrap">
            <a class="button_aLeft" id="" style="text-decoration:none"><span><input type="button" class="fb4" value="Search" style="text-decoration:none" onClick="search()"/></span><span><input type="button" class="fb4" value="Delete" style="text-decoration:none"/></span><span><input type="button" class="fb4" value="Clear"  style="text-decoration:none" onclick="clear_entry()"/></span></a>
            <a class="button_bLeft slidebttn" id="button_bLeft" style="background-color:black" style="text-decoration:none"><font color="white">Options</font></a>
        </div>
        <script type="text/javascript">
            $(function() {
                $('.slidebttn').hover(
                    function () {
                        var $this         = $(this);
                        var $slidelem     = $this.prev();
                        $slidelem.stop().animate({'width':'300px'},300);
                        $slidelem.find('span').stop(false,false).fadeIn();
                        $this.addClass('button_c');
                    },
                    function () {
                        var $this         = $(this);
                        var $slidelem     = $this.prev();
                        $slidelem.stop().animate({'width':'300px'},300);
                        $slidelem.find('span').stop(false,true).fadeIn();
                        $this.addClass('button_c');
                    }
                );
            });
         </script>


Thanks in Advance

I am Enclosing my js file alsoAttached File  New_Folder.zip ( 2.29k ) Number of downloads: 134
Attached ImageAttached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 31st October 2014 - 01:14 AM