show div after specific div
Ok guys I have 4 divs in this order
<div id="tf_left"> content </div>
<div id="tf_right"> content "link to open feed div" </div>
<div id="feed" class="dropdown"> content and button </div>
<div id="thecomments"> comments </div>
What I'm trying to do if I click on the "link to open feed div" i want the "feed" div to open below the "thecomments" div. How would I go about doing this. Right now I have it opening before "thecomments " div.
here is the jquery code I'm using now:
$("a.showComment").live('click', function() {
var dropID = $(this).parent("div").next("div").attr("id");
if ($("#"+dropID).length) {
$("div.dropdown").hide();
$("#"+dropID).show().addClass('opened');
} else {
$("#"+dropID).show().removeClass('opened');
}
return false;
});