jQuery и CSS, проблема с использованием DIV

Question

У меня есть коробка с 2 столами справа и слева.

Слева хорошо, но правая сторона содержит таблицу, которую мне нужно скрывать при загрузке страницы, пока пользователь не вводит пароль, и в это время будет переключен DIV.

Используя самое основное использование JQuery, у меня есть это как сценарий:

<script type="text/javascript"> 

$('#pwd').on('keyup', function() { 

$('#right').toggle(this.value.trim().toLowerCase() == 'access'); 
}); 
</script> 

Inline CSS: 
<style type="text/css"> 
#right {display:none;} 
</style> 

Оттуда у меня есть форма с только 1 поле для пароля. Когда вводится пароль, все, что находится внутри DIV, с идентификатором «right» переключается, чтобы показать.

Моя проблема заключается в том, что в этой правой таблице переполнение содержимого скрыто и (пользовательская jQuery) полоса прокрутки ломается, когда я использую DIV с идентификатором «справа».

В главном файле CSS была введена запись класса с использованием «права», но больше не использовалась нигде, поэтому я прокомментировал это.

Я пробовал каждую конфигурацию атрибута CSS, но ничто не разрывает полосу прокрутки.

Стоит отметить, что в «правом» DIV есть еще один объект jQuery, а также панель прокрутки - это плагин jQuery cScroll.

Answer 1

После долгих испытаний и устранения неполадок проблема была изолирована от полосы прокрутки jQuery, которую я использовал при первом создании страницы. Эта полоса прокрутки была основана на библиотеке jQuery 1.3.

С добавлением этой полосы прокрутки я реализовал несколько других сценариев jQuery, из которых самая высокая используемая библиотека была 1,7.

После обновления моего jQuery до 1.9 и добавления jQuery для старых плагинов полоса прокрутки была неисправна при использовании с DIV «show/hide».

Я изменил прокрутки jQuery и проблему, которую я изначально опубликовал об исчезнувших. Новая полоса прокрутки - простая, но привлекательная EnScroll.

@Prospector, спасибо вам за помощь, которая пытается понять это.

Answer 2

Дайте этому выстрел, так как ваш последний комментарий для меня, это может быть то, что вы пропали без вести

<script type="text/javascript"> 
$(document).ready(function() { 

    $('#right').hide(); 
    $('#pwd').on('keyup', function() { 
     $('#right').toggle(this.value.trim().toLowerCase() == 'access'); 
    }); 
}); 
</script> 


<style type="text/css"> 
#right {display:none;overflow:auto;} 
</style> 

Answer 3

Вы дали внимание просто получить значение входа?

<script type="text/javascript"> 
$(document).ready(function() { 

    $('#right').hide(); 
    $('#pwd').on('keyup', function() { 
     if($('#pwd').val()=='access'){ 
     $('#right').show(); 
     } 
     else{ 
     $('#right').hide(); 
     }   
    }); 
}); 
</script>