1. Задали переменную:
var options = "\n\
<div class='options'>\n\
<div class='item'>\n\
<img src='' />\n\
</div>\n\
</div>";
2. По клику на товар выводим
options в DOM.
.details - это картинки поясняющие товар.
draw = "<div class='details'>"+options+"</div>";
$(draw).insertAfter( $(".base") );
3. По клику на кнопку "ещё картинок" загружаем доп.скрипт:
$(".options").on( "click", ".item.getscript", function() {
$.getScript("rrr.js");
});
4.
rrr.js добавляет несколько
div.item внутрь
div.options - мы видим много картинок в
.details
var optionsAdd = "....";
$(optionsAdd).appendTo($(".item"));
5. Теперь я хочу обновить
var options, чтобы в ней уже были загруженные картинки из
rrr.js
var optionsNew = $(".options").html();
var options = "<div class='options'>"+optionsNew+"</div>";
6. Закрываем первый товар - удаляем из DOM
.details
$('.close').click(function(e){
$(".details").remove();
});
7. Открываем другой товар - пункт 2. Хочу увидеть все картинки сразу без пункта 3.
8. Блоков из rrr.js нет, объясните ошибку
UPD в итоге создал объект и переписал все связи 
