How to control order when displaying child categories

Question

I'm working on displaying a series of child categories in the meta of each post. For instance, after the post appears an array, depending on category selection, describing the post content:

Color: Red | Shape: Circle | etc.

The following code displays the content as desires except not in the correct order. The display currently appears as alpha order of the child categories.

I need to either order the categories by parent ID or in the order their presented in the code.

Any ideas?

<span class="cat-links">
    <?php
    foreach((get_the_category('orderby=ID&order=ASC')) as $childcat) {
    if (cat_is_ancestor_of(3, $childcat)) {
    echo 'Color: '. '<a href="'.get_category_link($childcat->cat_ID).'">';
 echo $childcat->cat_name . '</a> | ';
    }
    if (cat_is_ancestor_of(10, $childcat)) {
    echo 'Shape: '. '<a href="'.get_category_link($childcat->cat_ID).'">';
 echo $childcat->cat_name . '</a> | ';
    }
    }
    ?>
</span>

Answer 1

If you install Category and Taxonomy Terms Order you get a nice drag and drop interface and all you have to do to call it is to set orderby => 'menu_order' and you're done, your drag and drop category changes will be instantly reflected in your category order.