Here is my code:
Download the <a href="#sample_chapter" class="fancybox">Sample Chapter</a>. <div style="display:none" class="fancybox-hidden"> <div id="sample_chapter" style="width:460px;height:380px;"> content here. </div> </div>
My problem is that the link opens the entire page in the fancybox and not the content in the sample_chapter div. I checked the code against what is in your FAQ and it looks okay. I also tried re-saving the Media Settings that enables fancybox for Images and Inline Content. Not sure what I am missing?