"
Team:ETH Zurich/collapsible
From 2013.igem.org
(Difference between revisions)
| Line 22: | Line 22: | ||
// Assign a call to CollapsibleContainerTitleOnClick for the click event of the new title div. | // Assign a call to CollapsibleContainerTitleOnClick for the click event of the new title div. | ||
$(".collapsibleContainerTitle", this).mouseover(CollapsibleContainerTitleOnClick); | $(".collapsibleContainerTitle", this).mouseover(CollapsibleContainerTitleOnClick); | ||
| + | } | ||
| + | |||
| + | $(".collapsibleContainerTitle", this).mouseout(CollapsibleContainerTitleOffClick); | ||
} | } | ||
function CollapsibleContainerTitleOnClick() { | function CollapsibleContainerTitleOnClick() { | ||
// The item clicked is the title div... get this parent (the overall container) and toggle the content within it. | // The item clicked is the title div... get this parent (the overall container) and toggle the content within it. | ||
| + | $(".collapsibleContainerContent", $(this).parent()).slideToggle(); | ||
| + | } | ||
| + | $(document).ready(function() { | ||
| + | $(".collapsibleContainer").collapsiblePanel(); | ||
| + | }); | ||
| + | |||
| + | function CollapsibleContainerTitleOffClick() { | ||
| + | |||
$(".collapsibleContainerContent", $(this).parent()).slideToggle(); | $(".collapsibleContainerContent", $(this).parent()).slideToggle(); | ||
} | } | ||
| Line 32: | Line 43: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
.collapsibleContainer | .collapsibleContainer | ||
Revision as of 15:46, 23 October 2013
