本实例的效果来自于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