Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


How to implement this?

Posted on 2012-09-09
Medium Priority
Last Modified: 2012-10-02
Dear Experts,

Please refer the below link, in the right side we have top offers,facebook buttons, if we click the button it is expanding and collapsing.

Please tell me how to implement this, which is better javascript/jquery.

Question by:prabhualla
LVL 38

Accepted Solution

Tom Beck earned 2000 total points
ID: 38380967
That page is done in aps.net, but it can be done with jquery/javascript and css.

They are using position fixed with right set at 0 to keep the tabs on the right edge and at a specific distance from the top. On click, they are loading a new page in an iframe and animating it to the left to make it visible. The page being loaded into the iframe has dynamic content generated using asp.net. It can be static content just as easily.

This jsfiddle example contains the essentials needed for the effect you see at firstcry.com.


Author Closing Comment

ID: 38454857

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month15 days, 20 hours left to enroll

580 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question