Как скрывать элемент html без того, чтобы он потерял Ваше место на экране?

То, чего я хочу добиться, он состоит в том, чтобы поддерживать я скрываю какие-то labels уже будьте в travez Ваш clase или Ваш ID, того, что я стараюсь получать, так это один accordion динамическим способом в горизонтальном формате.

Если я даю ему клик в любой accordion этот был бы должен скрывать от меня все закладки, кроме та, который выбирается, это уже это реализует в средний показатель, потому что когда objetos не выбранные они скрываются accorcdion измени размер.

Так видят, когда скрываются элементы HTML

introducir la descripción de la imagen aquí

и когда я ввожу информацию в компьютер в такую систему, видят и так он был бы должен поверните в этом же самом размере.

introducir la descripción de la imagen aquí

Код, чтобы скрывать элементы:

    function ocultarInfo() {
        $('#textName1').hide();
        $('#textCertificate1').hide();
        $('#textRFC1').hide();
        $('#textType1').hide();
        $('#textCountry1').hide();
        $('#textState1').hide();
        $('#textAdress1').hide();
        $('#textCode1').hide();
        $('#textPhone1').hide();


        $('.textLBL1').hide();
    }

Код, чтобы показывать элементы отборного Accordion

    function verInfo(conta) {

            if (conta == 2) {
    $('#txtNombre' + conta).show();
    $('#txtCertificado' + conta).show();
    $('#txtRFC' + conta).show();
    $('#txtSistema' + conta).show();
    $('#txtPais' + conta).show();
    $('#txtEstado' + conta).show();
    $('#txtTelefono' + conta).show();
    $('#txtDireccion' + conta).show();
    $('#txtCodigo' + conta).show();

    setTimeout(ocultarInfo, 2000);

}

Уже он скрывает от меня элементы только, что, когда он это делает accordion измени размер и новые элементы, которые должны бы быть видны, не видны правильно.

4
задан 26.01.2017, 23:17
0 ответов

Используй свойство visibility css, вместо методов hide() и show().

Свойство visibility используется для того, чтобы определять, если ящики, которые производит элемент, - renderizadas.

как пример:

function ocultarInfo() {
    $("#textName1").css('visibility', 'hidden');
    // -------
}

function verInfo(conta) {
    // --------
    $('#txtNombre' + conta).css('visibility', 'visible');
    // -------
}

http://www.w3.org/wiki/CSS/Properties/visibility

6
ответ дан 03.12.2019, 17:29

Ты можешь создавать функцию в твоем языке сценариев JavaScript для того, чтобы он скрыл от тебя элементы твоего html

 function ocultarInfo(){
   $("#txtNombre").css("display", "none");
   $("#txtCertificado").css("display", "none");
   $("#txtRFC").css("display", "none");
 }

и чтобы Показывать Только, ты должен:

function MostrarInfo(){
   $("#txtNombre").css("display", "block");
   $("#txtCertificado").css("display", "block");
   $("#txtRFC").css("display", "block");
 }

Ты можешь Играть немного с твоими Div, в случае когда хочешь скрыть район:

   <div class="row" id="datos" name="datos" style="display:block;">
   //tu Html
  </div>
-1
ответ дан 03.12.2019, 17:29
  • 1
    использовать display:block tambié n reducirí в tamañ или контейнера, это было бы хорошим единственно, если div есть у установленной высоты, и vendrí an проблемы diseñ или если в этом div добавляют элементы diná обезьяны. –  26.01.2017, 23:44

Теги

Похожие вопросы