標籤:height art cli jquer contract his addclass ica lap
左側菜單
<!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><div style="height:400px;width: 200px;border: 1px solid #dddddd"> <div class="item"> <div class="header">標題一</div> <div id="i1" class="content hide">內容</div> </div> <div class="item"> <div class="header">標題二</div> <div class="content hide">內容</div> </div> <div class="item"> <div class="header">標題三</div> <div class="content hide">內容</div> </div> </div><script src="jquery-1.12.4.js"></script><script> $(".header").click(function () { $(this).next().removeClass(‘hide‘).parent().siblings().find(".content").addClass("hide")//next擷取下一個標籤 })</script></body></html>左側菜單
python : jquery實現左側菜單