CINXE.COM
Rosalia alpina (Linnaeus, 1758) - Rosalie des Alpes-R茅f茅rences
<!DOCTYPE html> <html lang="fr" xmlns:og="http://ogp.me/ns#"> <head> <title>Rosalia alpina (Linnaeus, 1758) - Rosalie des Alpes-R茅f茅rences</title> <link rel="canonical" href="https://inpn.mnhn.fr/espece/cd_nom/12348/tab/reference" /> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="/plugins/bootstrap-3.1.1/css/bootstrap.css" rel="stylesheet" type="text/css"> <meta http-equiv="content-language" content="fr, fr-be, fr-ca, fr-lu, fr-ch"> <meta http-equiv="window-target" content="_top"> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="Language" content="fr, fr-be, fr-ca, fr-lu, fr-ch" /> <meta name="Author" content="Museum national d'Histoire naturelle" /> <meta name="Copyright" content="MNHN" /> <meta name="Robots" content="index,follow,all" /> <meta name="revisit-after" content="5 days" /> <meta name="Rating" content="General" /> <meta name="Distribution" content="Global" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="theme-color" content="#038c8c"> <meta name="msapplication-navbutton-color" content="#038c8c"> <meta name="apple-mobile-web-app-status-bar-style" content="#038c8c"> <link rel="icon" type="image/png" sizes="192x192" href="/img/icones/nice-highres.png"> <link rel="icon" type="image/x-icon" title="INPN" href="/img/icones/inpn_tr.png"/> <script type="text/javascript" src="/js/tarteaucitron.js-1.9.1/tarteaucitron.js"></script> <script type="text/javascript"> tarteaucitronForceLanguage = 'fr'; tarteaucitron.init({ "privacyUrl": "/accueil/mentions-legales", /* Privacy policy url */ "bodyPosition": "top", /* or top to bring it as first element for accessibility */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tarteaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "groupServices": false, /* Group services by category */ "showDetailsOnClick": true, /* Click to expand the description */ "serviceDefaultState": "wait", /* Default state (true - wait - false) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": false, /* Show the cookie list */ "closePopup": false, /* Show a close X on the banner */ "showIcon": true, /* Show cookie icon to manage cookies */ //"iconSrc": "", /* Optionnal: URL or base64 encoded image */ "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "DenyAllCta": true, /* Show the deny all button */ "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ "alwaysNeedConsent": false, /* Ask the consent for "Privacy by design" services */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ "removeCredit": true, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */ //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */ "readmoreLink": "", /* Change the default readmore link */ "mandatory": true, /* Show a message about mandatory cookies */ "mandatoryCta": true, /* Show the disabled accept button when mandatory on */ //"customCloserId": "", /* Optional a11y: Custom element ID used to open the panel */ "googleConsentMode": true, /* Enable Google Consent Mode v2 for Google ads and GA4 */ "partnersList": false /* Show the number of partners on the popup/middle banner */ }); // Liste des cookies blocables (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); </script> <script type="text/javascript" src="/js/jsEspeces/ajaxroutine.js"></script> <script type="text/javascript" src="/js/jsJQuery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/js/jsJQuery/jquery-ui-1.10.3.min.js"></script> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/plugins/bootstrap-3.1.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="/plugins/lou-multi-select/js/jquery.multi-select.js"></script> <link href="/css/select2/select2.css" rel="stylesheet"/> <link href="/css/select2/select2-bootstrap.min.css" rel="stylesheet"/> <link href="/css/boostrapCustom/css/custom.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/js/jsEspeces/common/inpn-utils.js"></script> <link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/> <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'/> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/plugins/bootstrap-3.1.1/font-awesome-4.0.3/css/font-awesome.css" /> <link rel="stylesheet" type="text/css" href="/plugins/lou-multi-select/css/multi-select.css" /> <link rel="stylesheet" type="text/css" href="/css/helper.css" /> <link rel="stylesheet" type="text/css" href="/css/pe-icon-7-stroke.css" /> <link rel="stylesheet" type="text/css" href="/css/icomoon.css" /> <script type="text/javascript"> var UrlSolrEspeceByCdRef = ''; var UrlSolrAutocompleteCommunes = ''; var UrlSolrAutocompleteEspece = ''; </script> <script type="application/ld+json"> { "@context":"http://schema.org", "@type":"WebSite", "name":"Inventaire National du Patrimoine Naturel", "alternateName":"INPN", "author" : "Mus脙漏um National d'Histoire Naturelle", "url":"https://inpn.mnhn.fr", "thumbnailUrl":"https://inpn.mnhn.fr/css/images_template/logo_inpn.png" } </script> <script type="application/ld+json"> { "@context":"http://schema.org", "@type":"Organization", "name":"Inventaire National du Patrimoine Naturel", "alternateName":"INPN", "url":"https://inpn.mnhn.fr", "logo":"https://inpn.mnhn.fr/css/images_template/logo_inpn.png", "address":{ "@type":"PostalAddress", "addressCountry":"FR", "addressLocality":"Paris", "postalCode":"75005", "streetAddress":"36 Rue Geoffroy-Saint-Hilaire" }, "sameAs":[ "https://www.facebook.com/InventaireNationalPatrimoineNaturel", "https://fr.wikipedia.org/wiki/Inventaire_national_du_patrimoine_naturel" ], "parentOrganization":{ "@type":"Organization", "name":"Service du Patrimoine Naturel", "alternateName":"SPN", "logo":"http://spn.mnhn.fr/servicepatrimoinenaturel/images/Logo%20MNHN-Centre-Noir.png", "address":{ "@type":"PostalAddress", "addressCountry":"FR", "addressLocality":"Paris", "postalCode":"75005", "streetAddress":"36 Rue Geoffroy-Saint-Hilaire" }, "url":"http://spn.mnhn.fr/", "parentOrganization":{ "@type":"Organization", "name":"Mus脙漏um National d'Histoire Naturelle", "alternateName":"MNHN", "logo":"http://www.mnhn.fr/sites/mnhn.fr/files/museum-national-d-histoire-naturelle.png", "address":{ "@type":"PostalAddress", "addressCountry":"FR", "addressLocality":"Paris", "postalCode":"75005", "streetAddress":"57 Rue Cuvier" }, "url":"http://www.mnhn.fr/", "sameAs":[ "https://www.facebook.com/museumnationaldhistoirenaturelle", "https://twitter.com/Le_Museum", "https://fr.wikipedia.org/wiki/Mus%C3%A9um_national_d%27histoire_naturelle", "http://www.dailymotion.com/mnhn", "https://vimeo.com/mnhn" ] } } } </script> <script type="text/javascript"> 'use strict'; window.inpnData = { lang: 'fr', ctxPath: '', odataUrl: 'https://odata-inpn.mnhn.fr' } </script> <!-- Matomo Tag Manager --> <script type="text/javascript"> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src='https://matomo.mnhn.fr/js/container_4WxrKBdW.js'; s.parentNode.insertBefore(g,s); </script> <!-- End Matomo Tag Manager --> <meta name="keywords" content="r茅f茅rence, sources, liens externes, bibliographie, guide de d茅termination, fiche descriptive, patrimoine, naturel, biodiversit茅, g茅odiversit茅, r茅f茅rentiels, inventaires, esp猫ces, taxon, plantes, animaux, habitats, espace, prot茅g茅, conservation, g茅ographique "/> <meta name="description" content="R茅f茅rences de Rosalia alpina (Rosalie des Alpes) : documents sources, bibliographie, fiches, guides de d茅termination, liens externes."/> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="pragma" content="no-cache"> <script> </script> </head> <body> <!-- Login --> <div class="container"> <header class="row"> <div id="logo" class="col-lg-3 col-md-3 col-sm-6 col-xs-12 blockHeader"> <a href="/accueil/index"><img class="img-responsive" src="/css/images_template/logo_inpn.png" alt="INPN - Inventaire National du Patrimoine Naturel"></a> </div> <div id="searchBar" class="col-lg-4 col-md-4 col-xs-12 col-sm-12 blockHeader"> <gcse:search></gcse:search> </div> <script> (function() { var cx = '001902405000483928136:lhm9tmjiawa'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <style type="text/css"> input.gsc-input { background-image : none !important ; } .cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding : 0px ; } input.gsc-input { height : 30px ; width : 100%; } .gsc-selected-option-container { width : 75px !important; } input.gsc-search-button { background: url('/img/icones/loupe.png') no-repeat !important; background-size: 10px 10px; background-color: #038c8c !important; margin : 0px ; height : 30px ; border-radius : 0 ; overflow: hidden; font-size: 0; min-width:35px; } input.gsc-search-button:hover { background: url('/img/icones/loupe_hover.png') no-repeat !important; background-size: 10px 10px; background-color: #03738c !important; margin : 0px ; height : 30px ; border-radius : 0 ; overflow: hidden; font-size: 0; border : 1px solid #03738c ; min-width:35px; } div.gsc-clear-button { background-image : none ; } .cse .gsc-control-cse, .gsc-control-cse { padding : 0px !important ; margin : 0px ; } .cse form.gsc-search-box, form.gsc-search-box { padding : 0px !important ; margin : 0px ; } div.gsc-clear-button { padding : 0px !important ; margin : 0px ; } .gsc-control-cse { font-family: "Raleway", sans-serif; padding : 0px !important ; margin : 0px ; } .gsc-table-result { font-family: "Raleway", sans-serif; padding-bottom : 1em ; } .gsc-tabHeader.gsc-tabhInactive { border-color: #038c8c; background-color: #FFFFFF; } .gsc-tabHeader.gsc-tabhActive { border-color: #BDB6AD; background-color: #BDB6AD; } .gsc-tabsArea { border-color: #038c8c; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #038c8c; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border-color: #038c8c; background-color: #FFFFFF; } .gsc-webResult.gsc-result.gsc-promotion:hover { border-color: #038c8c; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #d16b04; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #03738c; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #038c8c; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #03738c; } .gsc-cursor-page { color: #d16b04; margin : 15px ; } a.gsc-trailing-more-results:link { color: #0066CC; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #454545; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #2A5A8A; } .gs-webResult div.gs-visibleUrl-short { color: #2A5A8A; } .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } .gs-promotion div.gs-visibleUrl-short { display: none; } .gs-promotion div.gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #BDB6AD; } .gsc-results .gsc-cursor-box .gsc-cursor-page { background-color: #FFFFFF; color: #D16B04; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #D16B04; background-color: #D16B04; color: #FFFFFF; padding-top : 5px ; padding-right : 10px ; padding-left : 10px ; padding-bottom : 5px; } .gsc-webResult.gsc-result.gsc-promotion { border-color: #D16B04; background-color: #CBE8B4; } .gsc-completion-title { color: #0066CC; } .gsc-completion-snippet { color: #454545; } .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #0066CC; } .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #0066CC; } .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #0066CC; } .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #0066CC; } .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #454545; } .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #2A5A8A; } .gsc-adBlock { display: none; } #serachBarMobile .gsc-control-cse { font-family: "Raleway", sans-serif; padding: 0px !important; margin: 0px; background: #e8e8e8; border-color: #e8e8e8; } </style> <div id="monCompte" class="col-lg-2 col-md-4 col-sm-8 col-xs-12 linkHeader blockHeader"> <ul> <img> <a href="?lg=en"><img src="/img/icones/gb.png"/> English Version</a> <li class="dropdown" id="connect"> <a class="seConnecter"><i class="pe-7s-user fa-lg"></i>Connectez-vous</a><br> <a href="/accueil/formulaire-creation" style="cursor: pointer"><i class="pe-7s-users fa-lg"></i>Cr茅er un compte ?</a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <div class="panel-body"> </div> </ul> </li> </ul> </div> <script> $(document).ready(function () { $('.seConnecter').each(function () { $(this).attr('href', '/accueil/compte/seConnecter?referer=' + window.location.href); }); }) </script><div id="logoSI" class="col-lg-logo col-md-1" style="padding-left:20px;"> <div class="blockCenter"> <img src="https://inpn.mnhn.fr/images/logos/logo-SINP-naturefrance.png" usemap="#image-map"> <map name="image-map"> <area target="_blank" alt="SINP - Système d'Information de l'iNventaire du Patrimoine naturel" title="SINP - Système d'Information de l'iNventaire du Patrimoine naturel" href="https://inpn.mnhn.fr/informations/sinp/presentation" coords="0,0,85,82" shape="rect"> <area target="_blank" alt="Naturefrance" title="Naturefrance" href="https://naturefrance.fr" coords="100,0,226,82" shape="rect"> </map> </div> </div></header> </div> <div class="borderBottomNav"></div> <div class="container"> <p style="height: 5px"></p> <head> <link rel="stylesheet" type="text/css" href="/css/menu/menu.css"/> </head> <nav class="nav"> <div class="col-lg-12"> <ul class="lg-menu"> <li><a href="/accueil/a-propos-inpn">脌 PROPOS</a></li> <li><a href="/actualites/sommaire-actualites">ACTUALIT脡S</a></li> <li><a href="/informations/informations">CONTEXTE</a> </li> <li> <a href="/programme/les-programmes">PROGRAMMES</a></li> <li><a href="/accueil/donnees-referentiels">DONN脡ES & OUTILS</a></li> <li><a href="/accueil/participer">PARTICIPER</a></li> </ul> </div> </nav> </div> <div class="borderBottomNav"></div> <div style="width:100%; background-color: #038C8C;"> <div class="container"> <script src="/js/sbreadcrumb.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#breadcrumbInpn').sbreadcrumb({ style : 5, sitemapurl : 'fr' === 'en' ? '/xml/sitemap_en.xml' : '/xml/sitemap.xml' }); var breadcrumbs = $('.container').find('.breadcrumb'); if ($(breadcrumbs).length > 1) { $(breadcrumbs[1]).children().clone(true,true).appendTo(breadcrumbs[0]); $(breadcrumbs[1]).remove(); } }); </script> <div class="row" style="background-color: #038C8C;"> <div id="breadcrumbInpn"></div> </div> <!-- Suppression du breadcrumb sur la homepage --> <script type="text/javascript"> jQuery(document).ready(function() { if ("/accueil/index" == window.location.pathname) { $('#breadcrumbInpn').remove(); } }); </script> </div> </div> <head> <link rel="stylesheet" type="text/css" href="/css/menu/menu.css"/> <script src="/js/jsMenu/superfish.js"></script> <script src="/js/jsMenu/jquery.rd-navbar.js"></script> </head> <nav class="nav"> <div class="col-lg-12 hidden-md hidden-lg"> <ul class="sf-menu" data-type="navbar"> <li> <li><a href="/accueil/recherche-de-donnees">Recherche de donn茅es</a> <ul> <li><i>Rosalia alpina</i> (Linnaeus, 1758)</li> <li class="nav-item"> <th id="tab-description" width="98" > <a href="/espece/cd_nom/12348" class="nav-link"> Pr茅sentation </a> </th></li> <li class="nav-item"> <th id="tab-fiche" width="98" > <a href="/espece/cd_nom/12348/tab/fiche" class="nav-link"> Portrait </a> </th></li> <li class="nav-item"> <th id="tab-taxonomie" width="98" > <a href="/espece/cd_nom/12348/tab/taxo" class="nav-link"> Taxonomie </a> </th></li> <li class="nav-item"> <th id="tab-statut" width="98" > <a href="/espece/cd_nom/12348/tab/statut" class="nav-link"> Statuts </a> </th></li> <li class="nav-item"> <th id="tab-carte" width="98" > <a href="/espece/cd_nom/12348/tab/carte" class="nav-link"> Cartes </a> </th></li> <li class="nav-item"> <th id="tab-sources" width="98" > <a href="/espece/cd_nom/12348/tab/sources" class="nav-link"> Jeux de donn茅es </a> </th></li> <li class="nav-item"> <th id="tab-habitats" width="98" > <a href="/espece/cd_nom/12348/tab/habitats" class="nav-link"> Habitats </a> </th></li> <li class="nav-item"> <th id="tab-histoire" width="98" > <a href="/espece/cd_nom/12348/tab/archeo" class="nav-link"> Histoire et arch茅ologie </a> </th></li> </ul> </div> </nav> <script type="text/javascript"> $(document).ready(function() { $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 2, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter of jQuerys .animate() method animationOut: {opacity:'hide'},// an object equivalent to first parameter of jQuerys .animate() method Used to animate the submenu closed speed: 'normal', // speed of the animation. Equivalent to second parameter of jQuerys .animate() method autoArrows: true, // if true, arrow mark-up generated automatically = cleaner source code at expense of initialisation performance dropShadows: true, // completely disable drop shadows by setting this to false disableHI: false, // set to true to disable hoverIntent detection onInit: function(){}, // callback function fires once Superfish is initialised 'this' is the containing ul onBeforeShow: function(){}, // callback function fires just before reveal animation begins 'this' is the ul about to open onShow: function(){}, // callback function fires once reveal animation completed 'this' is the opened ul onHide: function(){} // callback function fires after a sub-menu has closed 'this' is the ul that just closed }); }); </script> <div class="container" style="width: 100%;"> <div class="row"> <ol class="breadcrumb"> <li><a href="/accueil/index"><i class="fa fa-home"></i></a></li> <li><a href="/accueil/donnees-referentiels">Donn茅es et outils</a></li> <li><a href="/accueil/recherche-de-donnees/especes/">Rechercher une esp猫ce</a></li> <li><a href="/espece/cd_nom/12348"><i>Rosalia alpina</i> (Linnaeus, 1758)</a></li> <li>R茅f茅rences</li> </ol> </div> </div> <input id=enteteEspeceWebserviceURL type="hidden" value="https://odata-inpn.mnhn.fr"> <input id=enteteEspeceOpenObsWebserviceURL type="hidden" value="https://openobs.mnhn.fr"> <input id=enteteEspeceCD_NOM type="hidden" value="12348"> <input id=enteteEspeceFrancais type="hidden" value="Fran莽ais"> <input id=enteteEspeceAnglais type="hidden" value="Anglais"> <input id=enteteEspeceTaxRefWebserviceURL type="hidden" value="https://taxref.mnhn.fr/api"> <input id=wsDescriptionUrl type="hidden" value=""> <input id=langue type="hidden" value="fr"> <script type="text/javascript"> const speciesHeaderTitle = 'Esp猫ce'; const subSpeciesHeaderTitle = 'Sous-esp猫ce'; </script> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/entete_espece.css"/> <div id="bloc_entete_commun"> <div class="container"> <div id="entetEspece_headerDiv" class="row"> <h10 class="entetEspece_header"></h10> </div> <div class="row" style="margin-bottom:20px;"> <div class="imggrp col-xs-6 col-md-1"> <div id="entetEspece_generalPublicGroup_img" class="divImg_enteteEspece_entetEspece_generalPublicGroup"> <span id="entetEspece_generalPublicGroup_name" class="bloc_commun_popup"></span> </div> </div> <div id="cd_nom-icone" class="col-xs-6 col-md-1 col-md-push-10"> <div class="divImg_enteteEspece_taxrefId"> <p id="enteteEpece_cd_nom">cd_nom<br></p> <p id="enteteEspece_taxrefId"></p> </div> </div> <div class="col-xs-12 col-md-10 col-md-pull-1 padding_laptop"> <p id="enteteEspece_vernacular"></p> <p id="enteteEspece_scientificHtml"></p> </div> </div> <div class="row presentation"> </div> </div> </div> <script type="text/javascript" src="/js/especes/fiche/entete_espece.js"></script> <input id=menu_fiche_espece_selectedTab type="hidden" value=""> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/menu_fiche_espece.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"> <link rel="stylesheet" type="text/css" href="/css/especes/fiche/bloc/bloc_commun.css" /> <div id="bloc_entete_commun"> <div class="container"> <div class="row" style="margin-left:-23%;"> <div class="hidden-sm hidden-xs"> <ul id="navigation_menu_fiche_espece" class="nav nav-tabs"> <li class="nav-item"> <th id="tab-description" width="98" > <a href="/espece/cd_nom/12348" class="nav-link"> Pr茅sentation </a> </th></li> <li class="nav-item"> <th id="tab-fiche" width="98" > <a href="/espece/cd_nom/12348/tab/fiche" class="nav-link"> Portrait </a> </th></li> <li class="nav-item"> <th id="tab-taxonomie" width="98" > <a href="/espece/cd_nom/12348/tab/taxo" class="nav-link"> Taxonomie </a> </th></li> <li class="nav-item"> <th id="tab-statut" width="98" > <a href="/espece/cd_nom/12348/tab/statut" class="nav-link"> Statuts </a> </th></li> <li class="nav-item"> <th id="tab-carte" width="98" > <a href="/espece/cd_nom/12348/tab/carte" class="nav-link"> Cartes </a> </th></li> <li class="nav-item"> <th id="tab-reference" width="98" > <a href="/espece/cd_nom/12348/tab/reference" class="nav-link"> R茅f茅rences </a> </th></li> <li class="nav-item"> <th id="tab-sources" width="98" > <a href="/espece/cd_nom/12348/tab/sources" class="nav-link"> Jeux de donn茅es </a> </th></li> <li class="nav-item"> <th id="tab-habitats" width="98" > <a href="/espece/cd_nom/12348/tab/habitats" class="nav-link"> Habitats </a> </th></li> <li class="nav-item"> <th id="tab-valorisation" width="98" > <a href="/espece/cd_nom/12348/tab/valorisation" class="nav-link"> Valorisation </a> </th></li> <li class="nav-item"> <th id="tab-histoire" width="98" > <a href="/espece/cd_nom/12348/tab/archeo" class="nav-link"> Histoire et arch茅ologie </a> </th></li> </ul> </div> </div> </div> </div> <script type="text/javascript" src="/js/especes/fiche/menu_fiche_espece.js"></script> <script src="https://unpkg.com/wavesurfer.js@6.6.3/dist/wavesurfer.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script> <script type="text/javascript"> $(document).ready( $(function() { $('.sousNav a').each(function() { if (endsWith($(this).attr('href'), window.location.pathname)){ $(this).addClass('active'); $(this).parent().closest('div').addClass('in'); $(this).parent().closest('div').prev().children().removeClass( "collapsed" ); } }); $('#navbar-collapse-inpn a').each(function() { if (endsWith($(this).attr('href'), '/accueil/donnees-referentiels')){ $(this).addClass('active'); } }); }) ); function endsWith(str, suffix) { return str.indexOf(suffix, str.length - suffix.length) !== -1; } </script> <div class="container"> <div class="row "> <section class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="section" style="padding-right: 0px"></section> <script> $.ajax({ type: 'GET', url: enteteEspeceWebserviceURL + '/about', dataType: 'json', success: function(data) { $("#referentiel").css("display", ""); var version = data.taxrefVersion; var para = document.createElement("p"); var iconeReferentiel = document.createElement("img") iconeReferentiel.style.width = "24px"; iconeReferentiel.setAttribute("src", "/img/icones/icone-reference-referentiel.svg"); iconeReferentiel.style.marginRight = "5px" var linkTaxRef1 = document.createElement("a"); linkTaxRef1.href = 'https://inpn.mnhn.fr/telechargement/referentielEspece/taxref/'+version+'.0/menu' var linkTaxRef2 = document.createElement("a"); linkTaxRef2.href = 'https://inpn.mnhn.fr/telechargement/referentielEspece/taxref/'+version+'.0/menu' var iconeTaxRef = document.createElement("img") iconeTaxRef.setAttribute("src", "/img/icones/TAXREF-logo.svg"); iconeTaxRef.style.width = "130px"; iconeTaxRef.style.marginLeft = "2%" linkTaxRef1.append(iconeTaxRef) var spanTaxRefVersion = document.createElement("span"); spanTaxRefVersion.innerHTML = "TaxRef V"+version+".0"; linkTaxRef2.append(spanTaxRefVersion); para.append(iconeReferentiel) para.append(linkTaxRef2) para.append(linkTaxRef1) para.style.paddingBottom = "2px" $("#referentiel").append(para) }, error: function(data) { $("#referentiel").css("display", ""); $("#referentielNoResult").css("display", ""); } }); </script> <div id="referentiel" style="display: '';margin-top: 5%;"> <h3 style="margin-bottom: 2%;"> R茅f茅rentiel TaxRef </h3> <p id="referentielNoResult" style="text-align: center;display: none;"> Pas de r茅f茅rentiels taxref associ茅es <p> </div> <script> $.ajax({ type : 'GET', url : enteteEspeceTaxRefWebserviceURL + '/taxa/' + enteteEspeceCD_NOM + '/externalIds', dataType : 'json', success : function(data) { var countData=data._embedded.externalDb.length; $.each(data._embedded.externalDb, function(index, element) { $("#databaseSource").css("display", ""); var externalDbTitle = element.externalDbTitle; var tr = document.createElement("tr"); tr.classList.add("underline"); var tdName = document.createElement("td"); tdName.style.width = "65%"; var tdLink = document.createElement("td"); var divLink = document.createElement("div"); var divName = document.createElement("div"); var subSpecyLink = element.url; var link = document.createElement("a"); var img = document.createElement("img"); link.setAttribute("href", subSpecyLink); img.setAttribute("src", "/img/icones/database.svg"); img.style.marginRight = "10px"; divLink.style.display = "inline-table"; link.style.display = "flex"; var route = window.location.href; if (route.includes("tab/reference")){ divName.append(img) }else{ link.appendChild(img); } link.appendChild(document.createTextNode(element.externalDbName + ":" + element.externalId)); tdName.append(divName) divName.append(document.createTextNode(externalDbTitle)); divName.style.display = "inline-flex"; $(tdLink).append(divLink); $(tr).append(tdName); $(tr).append(tdLink); tdLink.classList.add("underlineMobile") $(divLink).append(link); $("#source_database").append(tr); }); if (countData==0){ $("#databaseSource").css("display", ""); $("#refDataSourceNoResult").css("display", ""); $("#source_database").css("display", 'none'); } } }); </script> <div id="databaseSource" style="display: none;margin-top: 5%;"> <h3> Bases de donn茅es sources </h3> <table id="source_database" style="border-collapse: separate; width: 100%;display: '';"> </table> <p id="refDataSourceNoResult" style="display: none;text-align: center;"> Pas de donn茅es associ茅es <p> </div> <script type="text/javascript"> $.ajax({ type : 'GET', url : enteteEspeceTaxRefWebserviceURL + '/taxa/' + enteteEspeceCD_NOM + '/sources', dataType : 'json', success : function(data) { var countNonIdentification=0; if(data._embedded){ $.each(data._embedded.taxonSources, function(index, element) { if(element.sourceUse != "Identification"){ $("#refBiblio").css("display", ""); $.ajax({ type : 'GET', url : element._links.bibliographicResource.href, dataType : 'json', success : function(reference) { var div = document.createElement("div"); var ico = document.createElement("img") ico.style.width = "24px"; ico.setAttribute("src", "/img/icones/icone-reference-biblio.svg"); var pFullNameHtml= document.createElement("p"); var span = document.createElement("span"); span.innerHTML = element.taxon.fullNameHtml; pFullNameHtml.appendChild(span); var pAuthor = document.createElement("p"); var spanAuthor = document.createElement("span"); spanAuthor.innerHTML = reference.shortCitation; spanAuthor.style.marginLeft = "4px"; pAuthor.appendChild(ico); pAuthor.appendChild(spanAuthor); var pSource = document.createElement("p"); pSource.innerHTML = "["+element.sourceUse+"] "+element.source; if (reference.url) { var link = document.createElement("a"); var reUrl = reference.url ? reference.url : " "; link.append(reUrl) link.href = reUrl; pSource.appendChild(document.createTextNode(" [")); pSource.appendChild(link); pSource.appendChild(document.createTextNode("]")); } pSource.style.borderBottom = "solid 1px #929394"; pSource.style.paddingBottom = "2%"; div.append(pFullNameHtml) div.append(pAuthor) div.append(pSource) addElement(div); } }); countNonIdentification++; } }); } if (countNonIdentification == 0) { $("#refBiblio").css("display", ""); $("#refBiblioNoResult").css("display", ""); } } }); function addElement(div){ var fullNameHtml = div.children[0].children[0].textContent var element = document.querySelector("#refBiblio") if (element.hasChildNodes()) { var children = element.childNodes; for (var i = 0; i < children.length; i++) { if(children[i].tagName == "DIV"){ if(children[i].children[0].textContent === fullNameHtml){ div.removeChild(div.children[0]) element.insertBefore(div, children[i+1]); return; } } } } $("#refBiblio").append(div); return; } </script> <div id="refBiblio" style="display: none;margin-top: 5%;"> <h3 style="margin-bottom: 2%;"> R茅f茅rences bibliographiques </h3> <p id="refBiblioNoResult" style="display: none;text-align: center;"> Pas de documents associ茅s <p> </div> <script type="text/javascript"> $.ajax({ type : 'GET', url : enteteEspeceTaxRefWebserviceURL + '/taxa/' + enteteEspeceCD_NOM + '/sources', dataType : 'json', success : function(data) { var countIdentification = 0; if(data._embedded){ $.each(data._embedded.taxonSources, function(index, element) { if(element.sourceUse == "Identification"){ $("#refGuide").css("display", ""); $.ajax({ type : 'GET', url : element._links.bibliographicResource.href, dataType : 'json', success : function(reference) { var para = document.createElement("p"); var ico = document.createElement("img") ico.style.width = "24px"; ico.setAttribute("src", "/img/icones/icone-reference-guide.svg"); ico.style.marginRight = "5px" var link = document.createElement("a"); var span = document.createElement("span"); span.innerHTML = reference.fullCitation; link.append(ico) link.append(span) link.href = reference.url para.append(link) para.style.borderBottom = "solid 1px #929394" para.style.paddingBottom = "2%" $("#refGuide").append(para) } }); countIdentification = countIdentification +1; } }); if (countIdentification == 0) { $("#refGuide").css("display", ""); $("#refGuideNoResult").css("display", ""); } } } }); </script> <div id="refGuide" style="display: none; margin-top: 5%;"> <h3 style="margin-bottom: 2%;"> Guides de d茅termination </h3> <p id="refGuideNoResult" style="text-align: center;display: none;"> Pas de documents associ茅s <p> </div> <div id="ficheDecription" style="margin-top: 5%;"> <h3 style="margin-bottom: 2%;"> Fiches descriptives </h3> <p style="border-bottom: 1px solid rgb(146, 147, 148); padding-bottom: 2%;"> <a href="https://inpn.mnhn.fr/docs-web/docs/download/440652" target="_blank"> <img src="/img/icones/icone-reference-fiche.svg" style="width: 24px; margin-right: 5px;"> <span> Anonyme. 2004. <i>Rosalia alpina</i>. <i>in:</i> Bensettiti, F. & Gaudillat, V. Cahiers d'habitats Natura 2000. Connaissance et gestion des habitats et des esp猫ces d'int茅r锚t communautaire. Tome 7. Esp猫ces animales. La Documentation fran莽aise. </span> </a> </p> </div> <script> var genus = ""; $.ajax({ type: 'GET', url: enteteEspeceWebserviceURL + '/taxa/' + enteteEspeceCD_NOM + '/taxonomy?majorRanksOnly=true', dataType: 'json', success: function(data) { var taxons = data._embedded.taxa; $.each(taxons, function(key, taxon) { if (taxon.rank == "GENUS") { genus = taxon.names.binomial; getExterneLink(genus) return; } }); if(genus == ""){ getExterneLink(genus); } } }); function getExterneLink(genus){ console.log(genus) $.ajax({ type: 'GET', url: enteteEspeceWebserviceURL + '/taxa/' + enteteEspeceCD_NOM, dataType: 'json', success: function(data) { $("#refLien").css("display", ""); var name = data.names.binomial; var paraGoogleLink = document.createElement("p"); var icoGoogleLink = document.createElement("img") icoGoogleLink.style.width = "24px"; icoGoogleLink.setAttribute("src", "/img/icones/icone-reference-lien-externe.svg"); icoGoogleLink.style.marginRight = "5px" var linkGoogle = document.createElement("a"); var spanGoogleLink = document.createElement("span"); spanGoogleLink.innerHTML = "Lien vers Google"; linkGoogle.append(icoGoogleLink) linkGoogle.append(spanGoogleLink) linkGoogle.href = 'http://www.google.com/search?q=%22'+(name?name:genus+' '+name)+'%22' linkGoogle.target="_blank" paraGoogleLink.append(linkGoogle) paraGoogleLink.style.paddingBottom = "2px" $("#refLien").append(paraGoogleLink) var paraScholarLink = document.createElement("p"); var icoScholarLink = document.createElement("img") icoScholarLink.style.width = "24px"; icoScholarLink.setAttribute("src", "/img/icones/icone-reference-lien-externe.svg"); icoScholarLink.style.marginRight = "5px" var linkScholar = document.createElement("a"); var spanScholarLink = document.createElement("span"); spanScholarLink.innerHTML = "Lien vers Google scholar"; linkScholar.append(icoScholarLink) linkScholar.append(spanScholarLink) linkScholar.href = 'http://scholar.google.com/scholar?q=%22'+(name?name:genus+' '+name)+'%22' linkScholar.target="_blank" paraScholarLink.append(linkScholar) paraScholarLink.style.paddingBottom = "2px" $("#refLien").append(paraScholarLink) var paraImageLink = document.createElement("p"); var icoImageLink = document.createElement("img") icoImageLink.style.width = "24px"; icoImageLink.setAttribute("src", "/img/icones/icone-reference-lien-externe.svg"); icoImageLink.style.marginRight = "5px" var linkImage = document.createElement("a"); var spanImageLink = document.createElement("span"); spanImageLink.innerHTML = "Lien vers Google image"; linkImage.append(icoImageLink) linkImage.append(spanImageLink) linkImage.href = 'http://images.google.fr/images?q=%22'+(name?name:genus+' '+name)+'%22' linkImage.target="_blank" paraImageLink.append(linkImage) paraImageLink.style.paddingBottom = "2px" $("#refLien").append(paraImageLink) } }); } </script> <div id="refLien" style="margin-top: 5%; display:none"> <h3 style="margin-bottom: 2%;"> Liens externes </h3> </div> </div> </div> <footer> <div class="container home"> <div class="row"> <div class="back-to-top hidden-xs" style="display: none;"> <button class="btn btn-top-inpn"> <a href="#"></a> </button> </div> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/accueil/a-propos-inpn" title="脌 PROPOS"><strong>脌 PROPOS</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/informations/quest-ce-que-l-inpn">Qu'est-ce que l'INPN聽?</a></li> <li><a href="/informations/sinp/presentation">Le SINP</a></li> <li><a href="/informations/mission-objectifs">Mission et objectifs</a></li> <li><a href="/informations/organisation-inpn">Organisation</a></li> <li><a href="/partenaires/organismes/liste">Organismes partenaires</a></li> <li><a href="/informations/enquete-satisfaction">Enqu锚te de satisfaction</a></li> <li><a href="/informations/publications">Publications</a></li> <li><a href="/informations/presse">Presse</a></li> </ul> </li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/actualites/sommaire-actualites" title="actualit茅s"><strong>ACTUALIT脡S</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/actualites/sommaire-actualites">Derni猫res actualit茅s</a></li> <li><a href="/actualites/newsletter">Lettres d'information</a></li> </ul> </li> </ul> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/informations/photos/galerie" title="Medias"><strong>MEDIA</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/informations/photos/galerie">Galerie Photos</a></li> <li><a href="/accueil/films-sommaire">Tour de France de la biodiversit茅 en vid茅os</a></li> </ul> </li> </ul> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/informations/biodiversite/definition" title="contexte"><strong>CONTEXTE</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/informations/biodiversite/definition">La biodiversit茅</a></li> <li><a href="/informations/geodiversite/definition">La g茅odiversit茅</a></li> <li><a href="/informations/outre-mer/presentation">Outre-mer</a></li> </ul> </li> </ul> </div> <!-- PROGRAMMES 1 --> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/programme/les-programmes" title="programme"><strong>PROGRAMMES</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/programme/les-programmes#especes" style="text-transform:uppercase;border-bottom:thin dashed;">Esp猫ces</a></li> <li><a href="/programme/referentiel-taxonomique-taxref">R茅f茅rentiel taxonomique (TaxRef)</a></li> <li><a href="/programme/base-de-connaissance-statuts/presentation">Base de connaissance<br/>芦 Statuts 禄</a></li> <li><a href="/programme/campanule">CAMPanule</a></li> <li><a href="/programme/inventaires-especes">Inventaires nationaux</a></li> <li><a href="/programme/donnees-observations-especes/presentation">Donn茅es d'observation sur les esp猫ces</a></li> <li> </li> <li><a href="/programme/les-programmes#habitats" style="text-transform:uppercase;border-bottom:thin dashed;">Habitats</a></li> <li><a href="/programme/referentiel-habitats">R茅f茅rentiel habitats (HabRef)</a></li> <li><a href="/programme/carhab">CarHab</a></li> <li><a href="/programme/donnees-observations-habitats/presentation">Donn茅es d'observation sur les habitats </a></li> <li><a href="/programme/cartographie-nationale-milieux-humides">Cartographie nationale des milieux humides</a></li> </ul> </li> </ul> </div> <!-- PROGRAMMES 2 --> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/programme/les-programmes" title="programme"><strong>PROGRAMMES</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/programme/les-programmes#espaces" style="text-transform:uppercase;border-bottom:thin dashed;">Espaces</a></li> <li><a href="/programme/espaces-proteges/presentation">Espaces prot茅g茅s</a></li> <li><a href="/programme/natura2000/presentation/objectifs">NATURA 2000</a></li> <li><a href="/programme/inventaire-znieff/presentation">Znieff</a></li> <li><a href="/programme/trame-verte-et-bleue/presentation">Trame verte et bleue</a></li> <li><a href="/programme/patrimoine-geologique/presentation">Patrimoine g茅ologique (INPG)</a></li> <li> </li> <li><a href="/programme/les-programmes#evaluation" style="text-transform:uppercase;border-bottom:thin dashed;">脡valuation - Conservation</a></li> <li><a href="/programme/listes-rouges/presentation">Listes rouges</a></li> <li><a href="/programme/rapportage-directives-nature/presentation">脡valuation</a></li> <li><a href="/programme/plans-nationaux-d-actions/presentation">Plans nationaux d'actions (PNA)</a></li> <li><a href="/programme/especes-exotiques-envahissantes">Esp猫ces exotiques envahissantes (EEE)</a></li> <li><a href="/programme/sensibilite-ecologique">Sensibilit茅 茅cologique</a></li> </ul> </li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/accueil/donnees-referentiels" title="donn茅es & outils"><strong>DONN脡ES & OUTILS</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/telechargement/referentielEspece/referentielTaxo">R茅f茅rentiel taxonomique (TaxRef)</a></li> <li><a href="/telechargement/referentielEspece/bdc-statuts-especes">Base de connaissance<br/>芦 Statuts 禄</a></li> <li><a href="/telechargement/referentiels/habitats">R茅f茅rentiel habitats (HabRef)</a></li> <li><a href="/telechargement/referentiels/organismes">R茅f茅rentiel des organismes</a></li> <li><a href="/telechargement/cartes-et-information-geographique">Informations g茅ographiques</a></li> <li><a href="/accueil/recherche-de-donnees">Recherche de donn茅es</a></li> </ul> </li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> <ul class="before-footer-ul"> <li> <div class= "before-footer"></div> <a href="/accueil/participer" title="participer"><strong>PARTICIPER</strong></a> </li> <li> <ul class="before-footer-ul-2"> <li><a href="/accueil/participer/inpn-especes">INPN ESP脠CES</a></li> <li><a href="/accueil/participer/tout-public">Tout public</a></li> <li><a href="/accueil/participer/experts">Experts</a></li> <li><a href="/accueil/participer/appel">Appel 脿 projets</a></li> <li><a href="/accueil/participer/jeux-educatifs">Jeux 茅ducatifs</a></li> </ul> </li> </ul> </div> </div> <div class="soc"> <ul class="list-soc"> <li><a href="https://www.facebook.com/InventaireNationalPatrimoineNaturel/" title="Facebook" target="_blank"><img src="/img/icones/fb_icon.png" alt="Facebook" /></a></li> <li><a href="https://twitter.com/INPN_MNHN" title="Twitter" target="_blank"><img src="/img/icones/tw_icon.png" alt="Twitter" /></a></li> <li><a href="https://www.youtube.com/channel/UCnWtd37WTOyPdPO8_DEYicw" title="Youtube" target="_blank"><img src="/img/icones/youtube_icon.png" alt="Youtube" /></a></li> <li><a href="https://inpn.mnhn.fr/accueil/actualites/sommaire" title="RSS"><img src="/img/icones/rss_icon.png" alt="RSS" /></a></li> <li><a href="https://inpn.mnhn.fr/contact/contacteznous" title="Contact"><img src="/img/icones/contact_icon.png" alt="Contact" /></a></li> </ul> </div> <div class="separationFooter"></div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="subfooter"> Citation : MNHN & OFB [Ed]. 2003-2024. Inventaire national du patrimoine naturel (INPN), Site web : https://inpn.mnhn.fr Le 11 d茅cembre 2024 <div class="row lienFooterHome"> <p><a href="/accueil/plan-du-site">Plan du site</a></p> <p><a href="/accueil/mentions-legales">Mentions l茅gales</a></p> <p><a href="/informations/glossaire">Glossaire</a></p> <p><a href="/accueil/faq-foire-aux-questions">FAQ</a></p> </div> </div> </div> </div> </div> </footer> <script src="/js/scroll_top.js"></script> <div class="separator"></div> <script> $(".before-footer").click(function(){ console.log($(this).parent().next(".before-footer-ul-2")); if($(this).parent().next(".before-footer-ul-2").css("display")=="none"){ $(this).parent().next(".before-footer-ul-2").slideDown(); $(this).addClass("before-footer-open"); }else{ $(this).parent().next(".before-footer-ul-2").slideUp(); $(this).removeClass("before-footer-open") } }); </script> </body> </html>