Помощь по доп.полю

[MadPitbull]

Всем привет.

Подскажите как осуществить следующее?

Есть на сайте кнопочка скачать, хотелось бы сделать, что бы при нажатии на неё появлялся список ссылок из доп.поля.

Вроде должно быть не сложно, но что то ни как не допру как правильно сделать.

 

[AndreyM]

Простой пример:

<input type="checkbox" id="hd-1" class="hide"/>
<label for="hd-1" >Кнопка</label>
<div>скрытый текст</div>

    .hide {
        display: none;
    }
    .hide + label + div{
        display: none;
    }
    .hide + label {
        border-bottom: 1px dotted green;       
        color: green;
        cursor: pointer;
        display: inline-block;
    }
    .hide:checked + label {
        color: red;
        border-bottom: 0;
    }
    .hide:checked + label + div {
        display: block;
        background: #efefef;
        padding: 10px;
    }

https://jsfiddle.net/y5ygzway/

Конечно не самый лучший вариант, лучше присвоить классы для более гибкого использования или вообще сделать через квери - так даже лучше будет, но зато написал за 2 минуты)

 

[MadPitbull]

Простой пример:

<input type="checkbox" id="hd-1" class="hide"/>
<label for="hd-1" >Кнопка</label>
<div>скрытый текст</div>

    .hide {
        display: none;
    }
    .hide + label + div{
        display: none;
    }
    .hide + label {
        border-bottom: 1px dotted green;      
        color: green;
        cursor: pointer;
        display: inline-block;
    }
    .hide:checked + label {
        color: red;
        border-bottom: 0;
    }
    .hide:checked + label + div {
        display: block;
        background: #efefef;
        padding: 10px;
    }

https://jsfiddle.net/y5ygzway/

Конечно не самый лучший вариант, лучше присвоить классы для более гибкого использования или вообще сделать через квери - так даже лучше будет, но зато написал за 2 минуты)

У меня кнопка в полной новости подключается так

<div class="full-info-item">
            <a href="[xfvalue_download]"><i class="fa fa-download"></i> Скачать видео</a>
        </div>

Куда в твоем коде вставить доп.поле моё?

 

[MadPitbull]

@AndreyM, все сделал, отлично, спасибо.
Подскажи, как раскрывшийся блок сделать поверх всего или чтобы при раскрытии растягивался шаблон, так как когда он открывается, ссылки попадают под баннер?

 

[AndreyM]

@AndreyM, все сделал, отлично, спасибо.
Подскажи, как раскрывшийся блок сделать поверх всего или чтобы при раскрытии растягивался шаблон, так как когда он открывается, ссылки попадают под баннер?

так - https://jsfiddle.net/3s52bvvx/
Или ты имеешь ввиду сделать ссылки в попапе?