I'm hoping someone can point me in the right direction for solving this problem. I am using an accordion and have some html in the header div (profile pic and some copy). I have positioned my (read more) icon in the lower right corner of the header div. When clicked the content div is revealed and my icon changes to a close icon. The problem is the close icon stays in the header div. I want to move the close icon to the bottom of the content div. I think what I want can be done using some kind of manipulation, possibly offset?

Here are a couple screen shots to demonstrate what I have and what I'm trying to accomplish.

Above is my accordion header in the closed position. When I open the content pane the icon stays in the same position, which is right in the middle of the expanded content. I'd like to move my close icon to the bottom of the content div like below.

Any help in how I can accomplish this is greatly appreciated.

Thanks

Rich