jquery - Move contents of hidden child div -

jquery - Move contents of hidden child div -

i'm trying move contents of hidden kid div class details div id section1target says details not defined.

i tried

$( '.profile' ).click(function() { $('#section1target').html($(this + '.details').html()); //also tried.. $('#section1target').html($(this).next('.details').html()); }); <div class="container margint30"> <ul class="thumbnails row-fluid" id="section1"> <li class="span3 offset3 profile"> <div class="thumbnail"> <div class="row-fluid"> <img src="img.png" alt=""> </div> <div class="row-fluid"> <h3></h3> <h4 class="margint10">title</h4> <div class="row-fluid details hidden-details"> <p> lorem ipsum dolor sit down amet, consect </p> <p> lorem ipsum dolor sit down amet, consectetur advertisement </p> </div> </div> </div> </li> <li class="span3 profile"> <div class="thumbnail"> <div class="row-fluid"> <img src="img.png" alt=""> </div> <div class="row-fluid"> <h3></h3> <h4 class="margint10">title</h4> <div class="row-fluid details"> <p> lorem ipsum dolor </p> <p> lorem ipsum dolor sit down amet </p> </div> </div> </div> </li> </ul> </div> <div id="section1target"></div>

use:

$('#section1target').html($(this).find(".details").html());

.next() works if element next sibling, not descendant. $(this)+".details" doesn't create sense @ all, since $(this) jquery object, not string.

jquery