Question

I have been working on quite a complex accordion/form recently and have a select dropdown box on one step, i want it to skip to the last section (7) if the user has chosen the option yes with the select box.

i tried to use the code below but it didn’t seem to work, it just replaced the accordion with empty white space like it couldn’t find what it was looking for or was referencing something unknown.

    $('#perfect-condition').change(function() {
    var name = this.value;

    if(name == 'Yes')
    {
        if (v.form()) {
            $("#stepForm").accordion("activate", 7);
            current = 7;
        }
    }
});

EDIT:
i am making an accordion based on one of the demos on the jquery site, it is a multipart form using jquery validation, that isn’t the issue though, the accordion is using a ul/li structure and can travel between the panels with ease, below is the code i am using as the next buttons:

    $(".open3").click(function() {
  if (v.form()) {
    accordion.accordion("activate", 3);
    current = 3;
  }
});

should my previous code be inside of this function? sorry not a jquery expert really…

if anyone could shed some light on this and help me out i would be very very grateful 🙂

Answer 1

Ok seems to have it working now, made some changes to the actual link, see code below if you need to fix a similar problem…

    $(".open3").click(function() {
  if (v.form()) {
    $('#perfect-condition').attr('value', function() {
        var name = $(this).val();

        if(name == 'Yes')
        {
            $("#stepForm").accordion("activate", 6);
            current = 6;
        }
        else
        {
            accordion.accordion("activate", 3);
            current = 3;
        }
    });
  }
});