SO - 19440520

by Arun P Johny

HTML

<div id="redux-groups-accordion">
    <div class="redux-groups-accordion-group">
         <h3 class="ui-accordion-header">
            <span class="redux-groups-header">New Slide Title</span>
        </h3>

        <div class="ui-accordion-content">
            <input type="hidden" name="id" />
            <input type="text" name="title" />
            <input type="text" name="tags" />
        </div>
    </div>
    <div class="redux-groups-accordion-group">
         <h3 class="ui-accordion-header">
            <span class="redux-groups-header">New Slide Title</span>
        </h3>

        <div class="ui-accordion-content">
            <input type="hidden" name="id" />
            <input type="text" name="title" />
            <input type="text" name="tags" />
        </div>
    </div>
</div>

JavaScript

$('#redux-groups-accordion .redux-groups-accordion-group').accordion()

$('#redux-groups-accordion').on('keyup', '.redux-groups-accordion-group input[name="title"]', function (event) {
    $(this).closest('.redux-groups-accordion-group').find('.redux-groups-header').text(this.value);
});