Jquery Show/Hide Toggle -

-

I am trying to recreate the effect shown on the BBC homepage where links 'add more to this page' and 'Set Location' slides open their respective devices and show their relevant content. If you choose 'Add more on this page' then it opens the 'Add more' section. If you select 'Add more on this page' then the 'Add more' section closes, however, if the 'Add more' section is open, and you select 'Set Location' then this 'Set Location' Slides the 'Add more' section before sliding down.

I have managed to regenerate this effect using the following code:

HTML

jQuery code 

  $ (function () {$ ("# siteCustomization .siteSelection") Hide (); $ ("# Demo Li One "$ {$ Id = $ (this) .attr ('href'); var $ thisDiv = $ (id); if ($ thisDiv. Siblings (': visible') length) {$ thisDiv.siblings ( ': View'.) SlideUp (700, function () {$ thisDiv.slideDown ();});}. Else {$ thisDiv.slideToggle ();} description is false;});}); });

The problem is, if someone clicks on one, then two links are displayed twice on both Digvijes pages. Only one section should be shown all the time. Any ideas how can I solve this problem?

Thank you for your help.

After

A quick demo for you can actually test that any divs currently with animating Before moving forward the next slideDown: Animated Selector

In addition to this, use the way I use it. This is better than applying the same event handler to several elements.

Unblock the n.b text as it is due to the lack of CSS


Comments

Post a Comment

Popular posts from this blog

c++ - Linux and clipboard -

-
After selecting the copies of the buffer in Linux, after the text, we can click and paste the button between the mouse. I think there is a special buffer for this, I want to use it. Programming Language: C ++ Your Library: Qt Thanks. There is just one more correct answer than Paul Dixon, which answers your needs: / P > QClipboard * clipboard = QApplication :: clipboard (); CastString Selected Text = Clipboard-> Text (QClipboard :: Selection);
Read more

What is expire header and how to achive them in ASP.NET and PHP? -

-
I have examined the performance statistics of my website today. I have received a warning (or error may occur) that is given below Add Terminal Headers Here are 15 static components without a 15-futures end date * (no end) Http://www.example.com/video/css/global.css * (no time limit) http://www.example.com/video/js/global.js * (no expiration ) Http: //www.example.com/video/images/main-bg.png what it means and how to achieve it both in PHP and ASP.Net. I am on a shared hosting server, so please tell me some ways to use the code, because I can not make any modifications at the end of the server. If I expire the header, then there is no chance that if I make changes to the CSS, then the user will not be able to remove them immediately because CSS and other files have a fixed time limit (1 month, week ) Are cached for. Is Is there any harm to using PHP? $ time = time () + 3 * 24 * 60 * 60; // 3 day headings ('End:'. GMDAT ('D, D MYH: i: s \ g \ m \ t',
Read more

sql server - How can I determine which of my SQL 2005 statistics are unused? -

-
After a few years, one of my biggest databases has deposited 73 figures out of its largest tables. With Indexes, I can run many types of reports and queries, how often / heavily specific indexes are used. What is an equivalent for data? We are running SQL 2005. To make statistics automatically managed and honest, I would like to "update statistics", "create statistics" and There is no information about any management except "drop statistics" orders. In theory, UPDATE should handle the addition and removal of statistical data. In addition, I've never heard about the amount of storage or storage taking in large amounts, so I'm not sure whether there is any reason for the alarm or not. If you are seeing a potential problem, then I would suggest running an update before, if it does not clean it, it is leaving and then it appears to be safe operation (because it is the only query optimizer Is for). I will not leave "left" in the
Read more