Блог

Если вы посещаете этот веб-сайтhttp://inelmo.com/inelmo и нажмите на одну из ссылок для комментариев под каждой статьей, она раскрывает div, который содержит facebook плагин для комментариев. Я не знаю почему, но после него есть огромный пробел, я почти уверен, что это не имеет никакого отношения к моему стилю (хотя я могу ошибаться).

Разметка для этого бита выглядит следующим образом:

 <div id="cmbx(id of the article)" class="comentBox" style="display: none; width: 520px;"> // This is the div that hides facebook comments.

<div class="fb-comments" data-href="inelmo.com/story.php?id=(id of the article)" data-num-posts="5" data-width="520"></div>

</div>
  

Я понятия не имею, что вызывает это пространство в facebook plugin. Кто-нибудь может предложить какие-либо исправления?

jQuery, используемый для слайда:

 function toggleSlideBox(x){if($('#' x).is(":hidden")){$(".comentBox").slideUp(200);$('#' x).slideDown(200)}else{$('#' x).slideUp(200)}}
  

РЕДАКТИРОВАТЬ: я тестировал его в нескольких браузерах, в некоторых, например, Firefox, нет никаких проблем, но, например, в Google Chrome есть.

Я не думаю, что ваша проблема напрямую связана с вашим CSS или полем комментариев Facebook, хотя, похоже, именно поле комментариев вызывает проблемы с самого начала. Настоящая проблема, похоже, связана с функцией jQuery slide, которую определенно было бы сложно отладить, потому что проблема, на первый взгляд, связана с css или fb-комментариями.

Ознакомьтесь с этим сообщением, оно должно вам немного помочь. http://goo.gl/ZaduP

В сообщении говорится об очень похожей проблеме, которая, похоже, вызвана тем, что jquery slide не знает заранее, какой будет высота div. HTH