javascript - Accordion full width sections open on click UPDATE: smooth slideToggly -


itemprop = "text">

Update:

Build, but I have a problem with the animation of the slideToggle function, because it is not working smoothly and I found out that it is due to my header (the logo header is not detected here), when I can remove it because the animation is smooth, but I need a header The problem is that my main In more areas like JS script, but I'm not sure. Apart from this problem, I want a close button function, but the first problem is more important, so if someone can help me

Here are examples.

Help should be appreciated, thank you!

  & lt; Header = "fadeIn" id = "logo" & gt; & Lt; / Header & gt; & Lt; Div class = "read-more" & gt; Scroll for more & lt; / Div & gt; & Lt; Section id = "line" & gt; & Lt; / Section & gt; & Lt; Section id = "container" & gt; & Lt; Div class = "header" & gt; & Lt; H1 & gt; Hat Wurl & lt; / H1> & Lt; / Div & gt; & Lt; Div class = "content" & gt; & Lt; P & gt; Alles Wat Hier Staat slechts Om een ​​indruk te Geven Van Het GRAFISCHE effect van tekst op deze is Plek. Wet You Here list is voorbeeldtekst is Dais, literally later in the Vervvenen door, Eindigaliejtext, die no nog beatson. D is Factite, it's a lot more, and more. & Lt; / P & gt; & Lt; P & gt; Hate is the graphease, for that time, Desh Tach waq lejen jelfs ales man yout date hete AK Fattakte Gate, Lézanne Zie Toch Door. Kijk eens hoe een link & lt; A href = "#" & gt; Test@google.nl< / A & gt; Arite Zyat & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Section & gt; & Lt; Section id = "line" & gt; & Lt; / Section & gt; & Lt; Section id = "container" & gt; & Lt; Div class = "header" & gt; & Lt; H1 & gt; DJ / Band & lt; / H1> & Lt; / Div & gt; & Lt; Div class = "content" & gt; & Lt; P & gt; It is possible that this error has occurred due to the fact that the error was found in the case of a fraudulent accusation, and it is now known as the Illo inventore & lt; A href = "#" & gt; Architecto & lt; / A & gt; Regarding reality and self-confidence, it is clear that the invitation is invited for invitation or suspended or lying. & Lt; / P & gt; & Lt; P & gt; Duct Vitre Matrimantum Sem, a rhinoceros lactose can not be used in any type of Magnum called Cross Fringilla. Yulet Pallester Pelredesk Laurem wrote a letter in the post-time period, for some time. & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Section & gt;  

The old problem (this was the beginning of the form) :

(I created the full width Sections and text-centric websites, but I want to act as an emputer and when the clicked title opens its content (animation slides below) and only when opened is a topcutor close button. And when the others are opened, except when opened. I do not have any more color on the script, etc. In Bella I have displayed the text-wrapper as an 'none' example)

You can withdraw the clicked element and navigate its parents.

  $ (".header-wrapper"). () ($. (".text-wrapper", $ (this) .Parent ()). SlideToggle ();})  

View

< / Html>

Comments