Multiple Checkbox Options Show/Hide Image or Text w/Scroll Top Location

Need to display like 20 checkbox options where upon clicking an option (show) it will display that option as an image or text result. If the user clicks that same option box it will (hide) the result in the document. Upon clicking the checkbox option I need it to scroll to a certain position on the page showing what elements are being changed. When the user clicks through each option I need it to scroll to that position on the page. I can adjust where to scroll on the page for each option. Just need the code to get started on the first few check boxes, I can figure it out from there. <div/span/img/input/h1/p class="itemToggler" data-toggleid="item1">Show</div> <div id="item1" style="display:none;">Hide</div> Example: jQuery("html, body").animate({ scrollTop: jQuery('#location_1').offset().top -120 }, 'slow');