I bought a review theme and there`s a review categories widget for the sidebar, it works well but I have a list of over 350 review categories and when in the sidebar takes lots of space on the frontpage.

I was wondering, hoping that someone here could look at the code and show how it can be changed as a dropdown menu for the sidebar.

The review sidebar widget code is below:

<?php

add_action("widgets_init", "proreview_review_cat_init");
function proreview_review_cat_init()
{
register_widget( 'proreview_review_cat_Widget' );

}/*
function example_load_widgets() {
register_widget( 'Example_Widget' );
}
*/

class proreview_review_cat_Widget extends WP_Widget {

function proreview_review_cat_Widget() {
/* Widget settings. */
$widget_ops = array( 'classname' => 'review_cat', 'description' => __('Displays review categories in sidebar', 'review_cat') );

/* Widget control settings. */
$control_ops = array( 'width' => 200, 'height' => 350, 'id_base' => 'review_cat-widget' );

/* Create the widget. */
$this->WP_Widget( 'review_cat-widget', __('ProReview : Review Categories', 'review_cat'), $widget_ops, $control_ops );
}

function widget( $args, $instance ) {
extract( $args );

/* Our variables from the widget settings. */
$title = apply_filters('widget_title', $instance['title'] );
$widget_content= $instance['add_text'];
if( $show_on_home == "yes" ) if( !is_home() && !is_front_page() ) return;
if( $border_flag == "yes" )
echo str_replace("widget_area_side", "widget_area_side no-border ", $before_widget );
else
echo $before_widget;
?>
<div class="review_cat">
<?php
if ( $title )
echo $before_title . $title . $after_title;
proreview_review_cat($widget_content);

echo $after_widget; ?> </div> <?php
}

function update( $new_instance, $old_instance ) {
$instance = $old_instance;

$instance['title'] = strip_tags( $new_instance['title'] );

$instance['add_text'] = $new_instance['add_text'];
return $instance;
}

/**
* Displays the widget settings controls on the widget panel.
* Make use of the get_field_id() and get_field_name() function
* when creating your form elements. This handles the confusing stuff.
*/
function form( $instance ) {

/* Set up some default widget settings. */
$defaults = array( 'title' => __('Review Categories', 's_add'),'det' => 'Some information s_add our website' );
$instance = wp_parse_args( (array) $instance, $defaults ); ?>

<!-- Widget Title: Text Input -->
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e('Title:', 'hybrid'); ?></label>
<input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>" style="width:100%;" />
</p>

<?php
}
}
function proreview_review_cat( $add_text ){
?>

<?php $of_terms_obj = get_terms('review-cats'); foreach ($of_terms_obj as $of_term) { ?>
• "><?php echo $of_term->name; ?>
<?php //$of_terms[$of_term->term_taxonomy_id] = $of_term->name; } ?>
<?php } } ?>

http://en.support.wordpress.com/menus/#changing-the-order-of-menu-items-and-creating-sub-menus

http://en.support.wordpress.com/widgets/custom-menu-widget/

1.) When the blog is viewed, only 2 menu names I have created show (About and Home). There is a 3rd I didn't create which is Blog, but that's okay. The other menu names that show are pages I have created.

2.) The pages I created that are showing are the 3 I wanted to put in hierarchy order like this:
I know the DJ
Local DJs
(multiple) Individual DJ names

All were created as pages. I added the pages to the menu name I wanted, then moved them accordingly for the hierarchy I wanted and saved. When I view the page, there is no dropdown under the I know the DJ you should be able to toggle on, all pages are listed in the main menu at the top of the page.