Есть кнопка на странице, которая переключает видимость разних болоков на странице, если зделать ее не аяксовой, тобто: <p:commandButton ajax="false" />, то перегружается вся страница.
Но я не хочу перегружать всю страницу из-за одного блока.
я зделал так:

<h:form>
<p:commandButton value="Переключить" actionListener="#{SwitchBean.switchDate()}" />
<!-- ...Таблиця .......................................................................................-->
<h:panelGroup id="date" rendered="#{SwitchBean.date}">
<div>Дані</div>
</h:panelGroup>
<!-- ...Графік ...................................................................................-->
<h:panelGroup id="table" rendered="#{SwitchBean.table}">
<div>Графік</div>
</h:panelGroup>
</h:form>

Вроде нормально, но если много жать на кнопку "Переключить", то при каждом переключении, размер браузера увеличавается на 30м. , ну не хорошо как-то.

Хотелось что-то вроде такого:

<h:form>
<p:commandButton update=":date,:table" value="Переключить" actionListener="#{SwitchBean.switchDate()}" />
</h:form>
<!-- ...Таблиця .......................................................................................-->
<h:panelGroup id="date" rendered="#{SwitchBean.date}">
<div>Дані</div>
</h:panelGroup>
<!-- ...Графік ...................................................................................-->
<h:panelGroup id="table" rendered="#{SwitchBean.table}">
<div>Графік</div>
</h:panelGroup>

Неработает, подозреваю что плохо прописал update=":date,:table", хотя и не сварится что id не найдены...

Подумал, и зделал через JS\JQuery ,
написал сперва такое:

jQuery(document).ready(function(){
jQuery("#dateBore11").show();
jQuery("#graffBore11").hide();

});

Для того чтоб сперва показывало только дание, потом на страницу добавил две кнопки переключатели:

<h:form>
<p:commandButton value="Дані" onclick="jQuery('#dateBore11').show(); jQuery('#tableBore11').hide();" />
<p:commandButton value="Графік" onclick="jQuery('#dateBore11').hide(); jQuery('#tableBore11').show();" />
</h:form>

Теперь корда жму на первую кнопку "Дані", то все нормально, а якщо на "Графік", то отображает только заголовок блока, а самого графика нет, хотя его код и есть в коде страницы, но он какой-то невидимой.
В чем суть?

А если написать так:

jQuery(document).ready(function(){
jQuery("#dateBore11").hide();
jQuery("#graffBore11").show();

});

то все работает...