WordPress 3.6 Como hacer k los cuadros de texto (toggles) se mantengan abiertos?

Inicio Foros WordPress Programación WordPress 3.6 Como hacer k los cuadros de texto (toggles) se mantengan abiertos?

Este debate contiene 1 respuesta, tiene 1 mensaje y lo actualizó  Agost hace 5 años, 2 meses.

  • Autor
    Publicaciones
  • #71984

    Agost
    Participante

    Pues lo k dice el titulo basicamente. Los cuadros donde pones texto dentro (los toggles) k por defecto aparecen cerrados para k tu les des un “click” y se abran… Pues hacer k se mantengan abiertos por defecto al entrar en la pagina. Este es el codigo en funcions.php:

    [code title=””] //////////////////////////////////////////////////////////////////
    // Toggle shortcode
    //////////////////////////////////////////////////////////////////
    add_shortcode(‘toggle’, ‘shortcode_toggle’);
    function shortcode_toggle( $atts, $content = null ) {
    extract(shortcode_atts(array(
    ‘title’ => ”,
    ), $atts));

    $out .= ‘<a href="#">’ .$title. ‘</a>’;
    $out .= ”;
    $out .= ”;
    $out .= do_shortcode($content);
    $out .= ”;
    $out .= ”;

    return $out;
    }[/code]

    Y aqui el style.css:

    [code title=””]/* 10.8. Toggles */
    .toggle { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:11px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }
    .toggle:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }
    .toggle a { background:url(images/toggle-arrow.png) no-repeat left; color:#FFF; text-decoration:none; padding-left:30px; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #000; font-size:19px; }
    .toggle-content { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:14px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:16px; }
    .toggle-content .block {padding:0px;}[/code]

    La unica cosa que toque fue en css lo de: “.toggle-content { display:block;”.

    Con esto logre que al cargar la pagina todos los cuadros (toggles) aparecen abiertos pero al terminar de cargar la pagina al segundo y medio o asi, se cierran solos.

    Asi k la cosa es, como puedo modificar el codigo para k permanezcan todos los cuadros abiertos?

  • #71994

    Agost
    Participante

    Perdonad me salio ma el codigo. Es este:

    [code title=”funcions”]
    //////////////////////////////////////////////////////////////////
    // Toggle shortcode
    //////////////////////////////////////////////////////////////////
    add_shortcode(‘toggle’, ‘shortcode_toggle’);
    function shortcode_toggle( $atts, $content = null ) {
    extract(shortcode_atts(array(
    ‘title’ =&amp;gt; ”,
    ), $atts));

    $out .= ‘&lt;a href=&quot;#&quot;&gt;’ .$title. ‘&lt;/a&gt;’;
    $out .= ”;
    $out .= ”;
    $out .= do_shortcode($content);
    $out .= ”;
    $out .= ”;

    return $out;
    }[/code]

    /* 10.8. Toggles */
    .toggle { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:11px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }
    .toggle:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }
    .toggle a { background:url(images/toggle-arrow.png) no-repeat left; color:#FFF; text-decoration:none; padding-left:30px; font-family:”BebasNeueRegular”; text-shadow: 1px 1px 1px #000; font-size:19px; }
    .toggle-content { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:14px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:16px; }
    .toggle-content .block {padding:0px;}

El foro ‘Programación’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest