When an accordion is triggering the titles are being eaten

[Boy_Wonder]

sehnsucht.boards.net/

For reference the accordion is what I have replacing the infocenter at the bottom left. When toggling any of the states anything with the class 'title' and 'subtitle' are equally disappearing.

Any help on how to fix this please would be greatly welcomed

[Chris]

according to this code:

 (function ($) {
    'use strict';
    $('.item').on("click", function () {
        $(this).next().slideToggle(100);
        $('p').not($(this).next()).slideUp('fast');
    });

It would hide every <p> element on the page except the one following the clicked item. I'm not familiar with the code but I would think it needs to have its scope limited to the <p> elements within the accordion area only, not all the <p> elements on the entire page.

You could try setting a context to limit it to finding just the <p> elements in the accordion area like so:

$('p', $('.accordion')).not($(this).next()).slideUp('fast');

or if you prefer

$('.accordion').find('p').not($(this).next()).slideUp('fast');

Edit:

---

Note: If you plan on having multiple accordion areas on the same page bearing the same className then it might instead be beneficial to use a closure variable to keep track of the scope.  Also since the .item class is used by the Proboards structure it might be wise to use a more specific selector such as '.accordion .item' to avoid affecting the other items unless that is your intent.

[Boy_Wonder]

Thank you - I've done some tweaking to the coding to try and remove any further clashes