Dear,

I've the following snippet of code that works fine. How can I translate to use with rich:jQuery?

$(function() {
$('#acchide').hide();
  $('#haveacc1').click(function() {
    $('#acchide').show();
  });
  $('#haveacc2').click(function() {
      var list = $('input').filter('[name^=accpers]');
    for (i=0; i<list.length; i+=1) {
        if ($(list[i]).val()) {
            $(list[i]).attr("value","");
        }
    }
    
    $('#acchide').hide();
  });
});
  

function add(id) {
t = id.split('_')[1];
newid = parseInt(t)+1;
$('<span id="accinput_'+newid+'"><br />Name and surname <input type="text" name="accpers" id="accpers_'+newid+'"><img src="/emboworkshop/images/plus.gif" id="plus_'+newid+'" onClick="add(this.id)"><img src="/emboworkshop/images/minus.gif" id="minus_'+newid+'" onClick="remove(this.id)"></span>').insertAfter($('#accinput_'+t));
}

function remove(id) {
t = id.split('_')[1];
id = 'accinput_'+t;
if ( t > 1 ) {
    $('span').filter('[id='+id+']').remove();
}
}

....
....
<div class="form-item">
            <label for="AccPers">Do you have accompanying persons</label>
            <input type="radio" id="haveacc1" name="haveacc" value="1" class="form-radio" />Yes
            <input type="radio" id="haveacc2" name="haveacc" value="0" class="form-radio" checked />No
            <div id="acchide">
                <span id="accinput_1"><br />Name and surname <input type="text" name="accpers" id="accpers_1" />
                <img src="/chianti12/images/plus.gif" id="plus_1" onClick="add(this.id)">     
                </span>        
            </div>
        </div>