How to push down `<li><span>` when using jquery `.slidedown()`

I apologize if the question is confusing I'm not quite sure how to word it.

Basically, I have a jquery code and what it does is it displays content within a

div

that is nested in an

li

. What happens is when I click the header, and the content drops down, it pushes the next header down visually but if you click anywhere on the already displayed content, it doesn't slide back up it reveals the next content.

Test Page <~~ in this test page is where you can see the example, just click on the header with the + and it works until you want to close it.

I'm not sure what's causing the issue.

EDIT I noticed the "+" sign shows up just above the picture in the section Create your own fundraising page", that is where the next header appears when collapsed, but plus sign is within a span that is absolute, so it should move down too shouldn't it?

HTML:
<ul id="toggle-view">
<li>
<h6>Choose a fundraising idea</h6>
<span>+</span>
<div class="panel">
<p>here are countless ways to contribute! Shave your head, run a marathon, or give up your birthday - the choice is yours! We've listed some of our most popular fundraising ideas but feel free to run with your own idea by choosing the 'Other' stream.</p>

</div>
</li>
<li>
<h6>Create your own fundraising page</h6>
<span>+</span>
<div class="panel">
<p>Click on 'Register' to set up a fundraising page. You can set one up on your own or create a page where friends or colleagues can join you. Let us know what kind of fundraiser you're holding and we'll provide you with all the tools to help you succeed.</p>

The problem is that your li has a floated image inside of it, but no float-clearing mechanism after the image. In turn, the computed height of the li doesn't include the height of the image, so the + symbol shows up above the image, right where it should be according to the CSS.

Additionally due to the same issue, the image is in the space of the next li, causing it to register the click event for the next content rather than the event for the current content. In order to fix this, add a simple clearfix rule to your CSS