Buenas,
sigo probando un desplegable que se abre o cierra al pulsar un elemento. Está realizado con jQuery, el problema está en que sale abierto por defecto, es decir, en vez de abrir la capa oculta cuando se pulsa sale abierta ya en cuanto se abre el archivo. ¿Puede ser quizás por conflicto con otros scripts? He probado a utilizar el jQuery no conflict pero sigue igual, quizás no lo haya utilizado bien. Dejo los scripts que tengo en un archivo externo por si alguien puede saber a qué se debe el problema:
//Menú desplegable acordeón
$(document).ready(function(){
$('#faq').simpleAccordion({
header: "dt",
collapsable: "dd",
speed: "slow"
});
});
//Desplegable al pulsar botón: edit, view
$(document).ready(function(){
$(".botonoculta").click(function () {
$(".divoculta").each(function() {
displaying = $(this).css("display");
if(displaying == "block") {
$(this).fadeOut('slow',function() {
$(this).css("display","none");
});
} else {
$(this).fadeIn('slow',function() {
$(this).css("display","block");
});
}
});
});
});
//Selectbox en formulario
$(function () {
$(".privilege").selectbox();
$(".companies").selectbox();
});
//Desplegable al pulsar botón: add note, add contact
$(document).ready(function(){
$(".botonocult").click(function () {
$(".divocult").each(function() {
displaying = $(this).css("display");
if(displaying == "block") {
$(this).fadeOut('slow',function() {
$(this).css("display","none");
});
} else {
$(this).fadeIn('slow',function() {
$(this).css("display","block");
});
}
});
});
});
// Tabs - navegación por pestañas
$(document).ready(function() {
$("#content div").hide();
$("#tabs li:first").attr("id","current");
$("#content div:first").fadeIn();
$('#tabs a').click(function(e) {
e.preventDefault();
$("#content div").hide();
$("#tabs li").attr("id","");
$(this).parent().attr("id","current");
$('#' + $(this).attr('title')).fadeIn();
});
})();
Html
<button class="botonocult clase" type="button">Abrir</button>
<!--abre capa-->
<div class="divocult">
contenido oculto
</div>
Un saludo