Слайд функция

[strasburg]

Здравейте, разполагам с два едни и същи слайд скрипта, с различни стойности:

[js]<script type="text/javascript">
//START slide funkciq
jQuery(document).ready(function($){
$(".skrii").hide();
});
jQuery(document).ready(function($){
$('#pokaz').click(function(){
$('#contentbe').slideToggle('slow'); return false;
});
});
//END slide funkciq
</script>
<script type="text/javascript">
//START slide funkciq
jQuery(document).ready(function($){
$(".skrii2").hide();
});
jQuery(document).ready(function($){
$('#pokaz2').click(function(){
$('#contentbe2').slideToggle('slow'); return false;
});
});
//END slide funkciq
</script>[/js]


Разполагаме и с два дива, в които седи скритото съдържание:

<div id="contentbe" class="skrii">Скритото съдържание</div>
<div id="contentbe2" class="skrii2">Скритото съдържание 2</div>

И разбира се с два линка, чрез които да показвам скритите div-ве:

<a href="#" id="pokaz">Отвори div 1</a>
<a href="#" id="pokaz2">Отвори div 2</a>

Сега, когато цъкна на първия линк, ще се отвори див 1, когато цъкна и на втория линк, под див1 ще се отвори див2.

Това е проблема, искам да не могат да се отварят и двата дива едновременно, а когато примерно е отворен див1 и се цъкне на линка за див2, див1 да се затвори и тогава да се отвори див2.

Можете ли да помогнете?

 

[Anonymous]

Просто, като показват избраният див, скривай другия :idea:

<script type="text/javascript">
//START slide funkciq
jQuery(document).ready(function($){
$(".skrii").hide();
});
jQuery(document).ready(function($){
$('#pokaz').click(function(){
$('#contentbe').slideToggle('slow');
$('#contentbe2').slideUp('slow');
return false;
});
});
//END slide funkciq
</script>
<script type="text/javascript">
//START slide funkciq
jQuery(document).ready(function($){
$(".skrii2").hide();
});
jQuery(document).ready(function($){
$('#pokaz2').click(function(){
$('#contentbe2').slideToggle('slow');
$('#contentbe').slideUp('slow');
return false;
});
});
//END slide funkciq
</script>

 

[strasburg]

Получи се идеално, мерси!