Controlling order of jQuery click events
<p>I am working on a small project, it requires a few buttons that when you click on them it expand menus beneath them to show the user some options which they can select, however - how can I dynamically control the order of events?</p>

<p>For example: I need to select a colour before I can select a size and so on with more options.</p>

<p>EDIT:</p>

<p>Take this for example: <a href="http://www.notebookbuilder.co.uk" rel="nofollow">http://www.notebookbuilder.co.uk</a></p>

<p>I have developed this (a long time ago), look at the functionality of this.</p>

<p>I want to be able to easily maintain this, because at the moment it's an absolute nightmare to add and edit features.</p>

<p>As you can see you cannot move onto 'the next level' before you select your notebook size, then when you have selected your size the material option appears - but you cannot click on colour.</p>
