Sliding animations with jQuery

[ingine]

Greetings (this must be the place)

I am currently using a side bar with "boxes" that slide in and out of it upon clinking their button class. The script for the click functions and animations are at the bottom of the header.

Previously I had only 6 of these "boxes" in the side bar. At present I've had to add 4 more boxes and although I copy/pasted the code from the previous boxes, they're not working the same :/

The main difference is that instead of adding visual buttons like in the others (the icons on top of the sidebar), I added the tags to text which was already within another box, so that to open the new boxes, you'd have to open that box first. So it's like this:

Box1:
<div id="box1button"></div>
<open>
    <div id="box description">
          <div id="box2button"> text </div>
    </div>
</close>

Box2:
<open>
<div id="box description">
        text
</div>
</close>


The reason I explain this is because I don't know if I've made an error by organizing it like this, considering its jQuery Dx, or if it's some other code in my headers that are messing with the jQuery. Everything worked fine until I added those 4 extra boxes though and I can't find where the problem is.

edit: Currently, some of the sliding functions are not working, while others are. If you open up the DATA icon for example, you'll see that the first lines of texts open up the second box, but the last lines do not work. Also, whenever I add an <div> tags inside either of these elements, they don't do what they're supposed to . <span> tags work ok though.

infinitytestzone.boards.net/forum

[Wormopolis]

what were you expecting to happen? that a second slideout box would open from the currently opened slide out box?

[®i©hie]

Oct 3, 2013 10:42:28 GMT -8 ingine said:

Greetings (this must be the place)

I am currently using a side bar with "boxes" that slide in and out of it upon clinking their button class. The script for the click functions and animations are at the bottom of the header.

Previously I had only 6 of these "boxes" in the side bar. At present I've had to add 4 more boxes and although I copy/pasted the code from the previous boxes, they're not working the same :/

The main difference is that instead of adding visual buttons like in the others (the icons on top of the sidebar), I added the tags to text which was already within another box, so that to open the new boxes, you'd have to open that box first. So it's like this:

Box1:
<div id="box1button"></div>
<open>
    <div id="box description">
          <div id="box2button"> text </div>
    </div>
</close>

Box2:
<open>
<div id="box description">
        text
</div>
</close>


The reason I explain this is because I don't know if I've made an error by organizing it like this, considering its jQuery Dx, or if it's some other code in my headers that are messing with the jQuery. Everything worked fine until I added those 4 extra boxes though and I can't find where the problem is.

edit: Currently, some of the sliding functions are not working, while others are. If you open up the DATA icon for example, you'll see that the first lines of texts open up the second box, but the last lines do not work. Also, whenever I add an <div> tags inside either of these elements, they don't do what they're supposed to . <span> tags work ok though.

infinitytestzone.boards.net/forum

have you tried grabbing a fresh copy from wherever you got the code?

also you're missing the top <script> tag from this code:

$(document).ready(function(){
$('.foo').addClass('debug');
$('.bar').css('border' : '1px solid blue');
});<script>

[ingine]

@wormopolis: That's exactly what I want it to do.

@ ®i©hie: Unfortunately, I had to modified the original source code so that it would work on the site, so the original ain't of much help aside from being a skeleton. Thanks for the noticing the script~
EDIT: a friend of mine just helped me debug a lot of things in the code, which got all the boxes to work a lot better than before! However, it will loose functionality as soon as I add a <div> tags e_e but well at least they do what they're told. I'm afraid to add any other box though. It quickly falls apart....