Помогите настроить вывод характеристик
 

{if $params}
	  <a href="javascript:void(0)" id="showAll">ПОКАЗАТЬ ВСЕ ХАРАКТЕРТИКИ</a>
	  <a href="javascript:void(0)" id="hideAll" style="display:none;">СКРЫТЬ ВСЕ ХАРАКТЕРТИКИ</a>
	  {literal}
		<script type="text/javascript">
		$(document).ready(function (){
			$('#showAll').click(function (){
				$('#allOptions').slideDown();
				$(this).hide();
				$('#hideAll').show();
			})
				
			$('#hideAll').click(function (){
				$('#allOptions').slideUp();
				$(this).hide();
				$('#showAll').show();
			})
		})
		</script>
	 {/literal}
	 {/if}

Есть форма на сайте, выводит все характеристики при нажатии, помогите исправить, что бы все характеристики уже сразу открывались, а при нажатии на "СКРЫТЬ ВСЕ ХАРАКТЕРИСТИКИ", панель сворачивалась. Спасибо

kewlman В следующий раз обратите внимаение на раздел в котром создаете тему!
Просто из без изысков:

<script type="text/javascript">
window.onload = function(){
    document.getElementById('a').onclick = function(){
        var div = document.getElementById('div');
        div.style.display = (div.style.display == '') ? 'block' : '';
        return false;
    };
};
</script>

<style type="text/css">
 div {background: red; display: none; width: 100px; height: 50px;}
</style>
<a href="#" id="a">click</a>
<div id="div"></div>

Тоже самое только с использлванием jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.a').click(function(){
         $('.div1').toggleClass('div2');
        return false;
    });
});
</script>

<style type="text/css">
div {background: red; width: 100px; height: 50px; }
.div1 {display: none;}
.div2 {display: block;}
</style>

<a href="#" class="a">click</a>
<div class="div1"></div>

Почти тоже самое но со слайдингом:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.a').click(function(){
         $('.div').slideToggle(300);
        return false;
    });
});
</script>

<style type="text/css">
div {background: red; display: none; width: 100px; height: 50px; }
</style>

<a href="#" class="a">click</a>
<div class="div"></div>

Спасибо за помощь
 

Спасибо за помощь, но в данном случае меня интересовало, что бы характеристики были сразу открыты.
А при клике они сворачивались. В данных примерах все опять же идет на клик.

Спасибо.

В чем проблема заменить none на block?