根据2个选择框中的2个值，通过jquery显示hide div

Question

anybody can help me? I want to make show hide some div by jquery depending on values from two selectbox this my code

$("#offer_seeking_select").change(function(){
var offer_seeking=$(this).val();
var selectedCategory=$("select.category-select:visible").last().find("option:selected").val();

$.get(www_base+"adding.php?cID="+selectedCategory+"&offer="+offer_seeking,function(data){
if(data.status=="ok"){$("#forms").html(data.html).trigger("forms_content_updated")
}})});

html code

<select id="drop-2"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<select id="drop-3"><option value="offer">Offer</option><option value="seeking">Seeking</option></select>
<div id="forms"></div>

and some 'div' in adding.php will be show hide in #forms depending on values when select from #drop-2 and drop-3, example if I select 1 from drop-2 and offer from drop-3 show #one and #three hide #two, else select 2 from drop-2 and seeking from drop-3 show #two and #three hide #one

this html in file adding.php because I can't get cID and offer in file adding.php

<div id="one">abc</div>
<div id="two">123</div>
<div id="three">789</div>

Answer 1

How about something like this which uses classes that correspond to the id of the select, you may need to refactor to fit your required logic as I a not sure I fully understood.

$('#foo, #bar').change(function(e) {
    var $elm = $(e.target);
    var $elmDiv = $('.' + $elm.attr('id'));

    if ($elm.val() !== "") {
        $elmDiv.show();
    } else {
        $elmDiv.hide();
    }
});​

here is a demo