Closing the Slider using Jquery, Closing the Slider using Jquery |
Closing the Slider using Jquery, Closing the Slider using Jquery |
Enhanced Software Solutions |
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 also New_Folder.zip ( 2.29k ) Number of downloads: 352 |
Lo-Fi Version | Time is now: 18th April 2024 - 12:15 AM |