如何显示我的DIV？

Question

我有一个下拉菜单，所以当我点击第一个项目，我想显示id=city3。当我选择另一个项目时，它将自动显示DIV id=km。

问题:当我选择第一项时，Div id=city3是不可见的，当我选择另一项时，Div id=km是可见的。因此，我希望在选择第一项时显示div id=city3。

这是密码。

$("#city_to").change(function()
{
    var id=$(this).val();
    var dataString = 'id='+ id;
    if(id==1)
    {
         $("#city3").show();
         $(".km").hide();
         $(".distance").val('');
         $(".allowance1").val('');
         $(".hq_allowance1").val('');
         $(".exhq_allowance1").val('');
         $(".os_allowance1").val('');
         $(".total_allowance").val('');
         $(".total").val('');
    }
    else
    {   
        $(".km").show();
        $("#city3").hide();

        $(".allowance").val('');
        $(".hq_allowance").val('');
        $(".exhq_allowance").val('');
        $(".os_allowance").val('');
        $(".total_allowance1").val('');
        $(".total").val('');

        $.ajax
        ({
            type: "POST",
            url: "ajax_pages/km.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
                $(".km").html(html);
            } 
        });
    }
});

Answer 1

请参阅我的示例，以便您能够理解工作过程。

DEMO WORK

<ul>
    <li class="abc" data-id="abc1">Home</li>
    <li class="abc" data-id="abc2">about</li>
    <li class="abc" data-id="abc3">serive</li>
    <li class="abc" data-id="abc4">contact</li>
</ul>
<div class="mm" id="abc1">Home worlld</div>
<div class="mm" id="abc2">about worlld</div>
<div class="mm" id="abc3">Service worlld</div>
<div class="mm" id="abc4">Contact worlld</div>


$(document).ready(function(){
    $(".mm").hide();
    $(".abc").click(function(){
          var mm = $(this).data("id");
            $(".mm").hide();
            $("#"+mm).show();
      });
});