wrap in a directional floated parent JS

gistfile1.txt

var rightSlideContainer, leftSlideContainer, rightSlideContent, leftSLideContent, journeyContainer, selectedChallenge;

// create right and left slider wrappers
rightSlideContainer = document.createElement('div');
rightSlideContainer.setAttribute('style', 'float: right; height:100%;');
leftSlideContainer = document.createElement('div');
leftSlideContainer.setAttribute('style', 'float: left; height: 100%;');

// get content to wrap
rightSlideContent = document.querySelectorAll('.right');
leftSLideContent = document.querySelectorAll('.left');

//  wrap content
_.map(document.querySelectorAll('.right'), function(element) {
  rightSlideContainer.appendChild(element);
});
_.map(document.querySelectorAll('.left'), function(element) {
  leftSlideContainer.appendChild(element);
});

// Insert content back into journey
journeyContainer = document.querySelector('.journey');
selectedChallenge = journeyContainer.querySelector('.challenge');
journeyContainer.appendChild(leftSlideContainer);
journeyContainer.appendChild(selectedChallenge);
journeyContainer.appendChild(rightSlideContainer);