实例 （用到 阻止事件冒泡 event.stopPropagation();）

本实例的效果来自于http://uc.webdev.lesongapp.cn/recruit_shaoyang/
登录之后 搜索技能 展示结果  可点击搜索结果的某一列表 查看效果  其实是click之后一个展开和收缩的效果  只是每一个列表下面还有click事件
function showMoreInfo(){
            var infoListItemNode = $('#search_results_container .results-list li');
            infoListItemNode.click(function(e){
                var thisNode = $(this),
                    networkSectionNode = thisNode.find('.network-info-section');
                //e.stopPropagation(); 这个不用写，因为他是父元素了
                if(networkSectionNode.is(':hidden')){
                    showNetworkUI(thisNode);
                } else {
                    networkSectionNode.slideUp('slow');
                }

            });
        }
        function showNetworkUI(selection_id){
            var parentNode = $(selection_id),
                networkDetailsSection = parentNode.find('.network-details');
            parentNode.find('.network-info-section').slideDown('slow');
            //showWeiboContent(networkDetailsSection);
            parentNode.find('.sns-item').each(function(){
                var thisNode = $(this);
                thisNode.click(function(e){
                    e.preventDefault();
                    e.stopPropagation();
                    networkDetailsSection.empty();
                    $.log(networkDetailsSection.children().length);
                    if(thisNode.hasClass('sina-weibo')){
                        showWeiboContent(networkDetailsSection); 
                    } else if (thisNode.hasClass('tx-weibo')){
                        showTXWeiboContent(networkDetailsSection);
                    } else if (thisNode.hasClass('linkedin')){
                        showLinkedInContent(networkDetailsSection);
                    } else if (thisNode.hasClass('renren')){
                        showRenrenContent(networkDetailsSection);
                    } else if (thisNode.hasClass('kaixin')){
                        showKaixinContent(networkDetailsSection);
                    }
                });
            });
        }

转载于:https://www.cnblogs.com/mabelstyle/archive/2013/02/16/2913591.html