html:
Code
<a href="vkontakte" class="vk">vkontakte</a>
<a href="vkontakte" class="fb">facebook</a>
<a href="vkontakte" class="u">ucoz</a>
<div id="vk">контакт</div>
<div id="fb">facebook</div>
<div id="u">ucoz coment</div>
jq:
Code
<script>
$(document).ready(function(){
$(".vk").click(function(){
$("#vk").slideToggle("slow");
$("#fb").parents(".pane").animate({ opacity: "hide" }, "slow");
$("#u").parents(".pane").animate({ opacity: "hide" }, "slow");
});
$(".fb").click(function(){
$("#fb").slideToggle("slow");
$("#vk").parents(".pane").animate({ opacity: "hide" }, "slow");
$("#u").parents(".pane").animate({ opacity: "hide" }, "slow");
});
$(".u").click(function(){
$("#u").slideToggle("slow");
$("#fb").parents(".pane").animate({ opacity: "hide" }, "slow");
$("#vk").parents(".pane").animate({ opacity: "hide" }, "slow");
});
});
</script>
css:
Code
#u{display:none}
#fb{display:none}
#vk{display:none}