Javascript 使用jquery的下拉列表操作

我有下面的下拉列表，它不是传统的选择和选项下拉列表。使用JQUERY，我想知道在选择给定选项时是否有执行操作的方法。当你点击下拉菜单并选择BIRDS时，它会在页面的其他地方隐藏一些DIV。多谢各位

<section class="main">
    <div class="wrapper">
        <div id="dd" class="wrapper-dropdown-3" tabindex="1">
            <span>View By Category</span>
            <ul class="dropdown">
                <li><a>Dogs</a></li>
                <li><a>Cats</a></li>
                <li><a>Birds</a></li>
            </ul>
        </div>
    </div>
</section>

按类别查看

狗
猫
鸟

用这样的东西。我希望这对你有帮助

$(document).ready(function(){
    $('.dropdown .bird').click(function(){
    $('#section_1').toggle();
    $('#section_1').hide();    
  });
});

$（'div#dd ul.dropdown li a'）.on（'click'，function（）{var clsName=$（this.parent（）.attr（'name'）；$（“+clsName.hide（））

按类别查看





警犬情报组
带猫信息的Div
带有birds info的Div
为以下条目提供一个类：

<li><a class="item">Dogs</a></li>
<li><a class="item">Cats</a></li>
<li><a class="item">Birds</a></li>

$（'div#dd ul.dropdown a'）。单击（函数（）{alert（“显示或隐藏”+$（this.text（））；}）$（'div#dd ul.dropdown li'）.on（'change'，function（）{var clsName=$（this.attr（'class'）；$（“+clsName.hide（））；如果你的李应该是这样的
狗
猫
.@yjs
li
没有
更改
event@roullie对不起，这是个错误…请回答下面的问题！我给了你两个选项切换和隐藏，使用它根据你的需要我很抱歉，它说我需要赚取15声誉，以便做到这一点。如果可以，我当然愿意。再次感谢。
$(".item").click(function(){
    item = $(this).text();
    alert(item);
});

$('#dd ul.dropdown a').click(function() {
var _this = $(this);
var index = $('#dd ul.dropdown a').index(_this);

alert(index);

if (index === 2) {
    alert(_this.text());
    // ..do anything you want 
}

 $(document).ready(function  () {

    //Your function on what needs to be done on click
    var liClicked = function(obj){
        alert("You Clicked : "+$(obj).html());
    }

    //trigger the onclick based on selected -- in this case '#dd ul.dropdown li a'
    $(document).on("click","#dd ul.dropdown li a", function(){
        //call the above written function
        liClicked(this);
    });

});