Открывающийся div при выборе чекбокса jQuery

  • Аноним2 месяца назад
    Как сделать чтобы при нажатии (выборе) checkbox раскрывался div с текстом?

    <input type="checkbox" value="1">
    <input type="checkbox" value="2">
    ...


    Ответов: 1
  • Аноним2 месяца назад
    Показать div при нажатии на чекбокс и спрятать div при снятии галочки с чекбокса, при условии у каждого чекбокса свой div с текстом.

    style
    .hide {
    display: none;
    }


    html
    <div>
    <input type="checkbox" id="checkbox" value="1">пункт 1
    <div class="checkbox1 hide" >Блок №1</div>
    </div>
    <div>
    <input type="checkbox" id="checkbox" value="2">пункт 2
    <div class="checkbox2 hide" >Блок №2</div>
    </div>


    jQuery
    $('input[id=checkbox]').change(function(){	
    if($(this).is(':checked') )
    {
    $('.checkbox'+$(this).attr('value')).show();
    }
    else{
    $('.checkbox'+$(this).attr('value')).hide();
    }
    });
Ваш ответ:
  • bold
  • italic
  • underline
  • strike
  • Add link
  • Add image
  • Blockquote
  • Align left
  • Align center
  • Align right
  • Code