p96705831
/
platform_build
forked from openkylin/platform_build
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

docs: implement toggle features for documentation content. 

There existed another form of this script and styles, but it was not used.

Change-Id: I5d3bf0b4f6b8159e8f837692e9b1613aae140e24
This commit is contained in:
Scott Main 2011-01-12 14:33:58 -08:00
parent 94978cf495
commit e578119466
2 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
tools/droiddoc/templates-sdk/assets/android-developer-docs.css
View File

@ -688,22 +688,6 @@ div.special {
-webkit-border-radius:5px; -webkit-border-radius:5px;
} }
.toggle-content-toggleme {
display:none;
}
.toggle-content-button {
font-size:.9em;
line-height:.9em;
text-decoration:none;
position:relative;
top:5px;
}
.toggle-content-button:hover {
text-decoration:underline;
}
div.special p { div.special p {
margin: .5em 0 0 0; margin: .5em 0 0 0;
} }
@ -840,6 +824,22 @@ p.table-caption {
margin: 0 0 0.5em 1em; /* matches default table left-margin */ margin: 0 0 0.5em 1em; /* matches default table left-margin */
} }
/* toggle for misc content (such as long sample code)
see toggleContent() script in android-developer-docs.js */
.toggle-content.closed .toggle-content-toggleme {
display:none;
}
.toggle-content a {
text-decoration:none;
}
#jd-content .toggle-content img.toggle-content-img {
margin:0;
}
/* BEGIN quickview sidebar element styles */ /* BEGIN quickview sidebar element styles */
#qv-wrapper { #qv-wrapper {

18
tools/droiddoc/templates-sdk/assets/android-developer-docs.js
View File

@ -575,16 +575,20 @@ function getLangPref() {
} }
/* Used to hide and reveal supplemental content, such as long code samples.
See the companion CSS in android-developer-docs.css */
function toggleContent(obj) { function toggleContent(obj) {
var button = $(obj); var div = $(obj.parentNode.parentNode);
var div = $(obj.parentNode);
var toggleMe = $(".toggle-content-toggleme",div); var toggleMe = $(".toggle-content-toggleme",div);
if (button.hasClass("show")) { if (div.hasClass("closed")) { // if it's closed, open it
toggleMe.slideDown(); toggleMe.slideDown();
button.removeClass("show").addClass("hide"); div.removeClass("closed").addClass("open");
} else { $(".toggle-content-img", div).attr("title", "hide").attr("src", toRoot + "assets/images/triangle-opened.png");
} else { // if it's open, close it
toggleMe.slideUp(); toggleMe.slideUp();
button.removeClass("hide").addClass("show"); div.removeClass("open").addClass("closed");
$(".toggle-content-img", div).attr("title", "show").attr("src", toRoot + "assets/images/triangle-closed.png");
} }
$("span", button).toggle(); $(".toggle-content-text", obj).toggle();
return false;
} }