Кто может подсказать?

 

Задача - скрыть сообщение/комментарий, если его репутация ниже определенного уровня. - С этим все понятно, скрытие по условию if, вопрос в другом, не могу вычленить код ip.b, который отвечает за сворачивание (к примеру предпросмотр темы и т.д.).

 

Пытался сделать спойлер на jquery, но подулючение этой библиотеки вызывает искажение верстки (открывается скрытая модераторская панель)

Прошу помощи специалистов по java. Рабочий js

 

<script type="text/javascript">
function postoff(id)
{
	var posthide = "";	
	// Проверить совместимость браузера
	if(document.getElementById)
		posthide = document.getElementById(id).style;
	else if(document.all)
		posthide = document.all[id];
	else if(document.layers)
		posthide = document.layers[id];
	else
		return 1;
	// Пошла магия
	if(posthide.display == "")
		posthide.display = "none";
	else if(posthide.display != "none")
		posthide.display = "none";
	else
		posthide.display = "block";
}
</script>

 

Но чтобы открыть скрытый текст, необходимо в первый раз нажимать 2 раза... Что в коде поправить

<script>
function postoff(id)
{
var elem = $(id);
elem.style.display = (elem.style.display=='none') ? 'block' : 'none';
}
</script>

Исправил на более компактную версию, работающую с первого раза

 

<script type="text/javascript">
function postoff (id)
{with (document.getElementById (id).style) display = (display == 'block') ? 'none' : 'block'}</script>

Единственное, что не могу взять в толк, как добавить функцию, при которой меняется надпись/картинка в зависимости от того, кода сообщение открыто или закрыто, т.е. если закрыто - надпись "Открыть", если открыто - надпись - "Закрыть"

<script>
function on_off(objName, a) {
var object = document.getElementById(objName);
object.style.display = (object.style.display == 'none') ? '' : 'none'
a.innerHTML = (object.style.display == 'none') ? 'открыть' : 'закрыть'
}
</script>

<style type="text/css">
.a_spoiler_post{ }.a_spoiler_post:hover{ }
</style>


<a href="javascript:void(0)" class="a_spoiler_post" onclick="on_off('id')">открыть</a>



<div id="id" style="display:none;">
скрытый текст
</div>

 

как вариант со сменой