Left menu
<!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd "><HTML><Head> <title>Title</title> <style>. Header{Background-color:Black;Color:Wheat; }. Content{Min-height:50px; }. Hide{Display:None; } </style></Head><Body><Divstyle= "height:400px;width:200px;border:1px solid #dddddd"> <Divclass= "Item"> <Divclass= "header">Title One</Div> <DivID= "I1"class= "Content Hide">Content</Div> </Div> <Divclass= "Item"> <Divclass= "header">Title II</Div> <Divclass= "Content Hide">Content</Div> </Div> <Divclass= "Item"> <Divclass= "header">Title III</Div> <Divclass= "Content Hide">Content</Div> </Div> </Div><Scriptsrc= "Jquery-1.12.4.js"></Script><Script> $(". Header"). Click (function () { $( This). Next (). Removeclass ('Hide'). Parent (). siblings (). Find (". Content"). addclass ("Hide")//Next gets the next tag })</Script></Body></HTML>left menu
Python:jquery Implementing the left menu
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
