Forums

Posting in these forums is disabled. These forums will be available for archive purposes. Please join the new forums at the links below:

  • yui-support - replaces the `YUI 3.x` and `YUI 3 Gallery` forums.
    We have created the following discussion categories within this group to aid discoverability for these most-used topics:
    • Charts for YUI Charts support.
    • DataTable for YUI DataTable support.
    • Gallery for YUI Gallery support, including support for published Gallery components as well as the Gallery process in general.
    • Tools for support of YUI’s suite of developer tools such as selleck, shifter, grover, yogi, etc.
    • Everything Else for questions that don’t fit one of the categories above, we’ve got you covered here.
  • yui-deprecated - replaces the `YUI 2.x` forum and the forums of other deprecated products (`YUI Doc`, `Builder`, `YUI PHP Loader`, etc.).
  [ 3 posts ]
New Topic | Post Reply | Print view
Previous topic | Next topic

Will Xu

  • Username: willxu
  • Joined: Sun Oct 31, 2010 8:06 pm
  • Posts: 2
  • IRC: willxu
  • Offline
  • Profile
Tags:
  • node accordion plus minus sign expanding condition

Show me '+' '-' sign, please?

Post Posted: Sun Oct 31, 2010 8:22 pm
+0-
I tested the widget on my page, it worked like a charm, thanks!

Except, my item heads don't have the '+/-' sign indicating the expanding condition. I compared my code with the example, couldn't find a difference. What am I missing?

TIA,

Will

Caridy Patino

YUI Contributor

  • Username: caridy
  • Joined: Mon Dec 08, 2008 5:40 pm
  • Posts: 494
  • Location: Miami, FL
  • Twitter: caridy
  • GitHub: caridy
  • Gists: caridy
  • IRC: caridy
  • YUI Developer
  • Offline
  • Profile
Tags:
  • css
  • style
  • accordion

Re: Show me '+' '-' sign, please?

Post Posted: Mon Nov 01, 2010 5:49 am
+0-
Hey Will, can you share your example so I can check it? Normally this is related with a missing class or a missing css rule.

Best Regards,
Caridy

Will Xu

  • Username: willxu
  • Joined: Sun Oct 31, 2010 8:06 pm
  • Posts: 2
  • IRC: willxu
  • Offline
  • Profile
Tags:
  • menu
  • plugin

Re: Show me '+' '-' sign, please?

Post Posted: Mon Nov 01, 2010 5:52 pm
+0-
Sure. Here it is,
...
<link rel="stylesheet" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset.css" type="text/css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.2.0/build/cssfonts/fonts.css" type="text/css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.2.0/build/cssgrids/grids.css" type="text/css">
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
<link rel="stylesheet" href="http://yui.yahooapis.com/gallery-2010.05.21-18-16/build/gallery-node-accordion/assets/skins/sam/gallery-node-accordion.css" type="text/css" />
<link rel="stylesheet" href="/static/css/showmsgs.css" type="text/css"/>
...
<body id="doc" class="yui3-skin-sam">
...
<div id="contentblock">
...
<div class='bd acccontainer'>

<div id="onedayaccordion" class="yui3-accordion">

<div class="yui3-module yui3-accordion-item yui3-accordion-item-active first-of-type">

<div class="yui3-hd yui3-accordion-item-hd">
<a href="#" class="yui3-accordion-item-trigger">不厌 (51字)</a>
</div>
<div class="yui3-bd yui3-accordion-item-bd">
<div class="msg smallerfont">

<p class="candt">不厌 3:42:34 PM</p>
<p class="msg">去跟西西玩儿了</p>

</div>
</div>
</div>

<div class="yui3-module yui3-accordion-item">

<div class="yui3-hd yui3-accordion-item-hd">
<a href="#" class="yui3-accordion-item-trigger">道长 (18字)</a>
</div>
<div class="yui3-bd yui3-accordion-item-bd">
<div class="msg smallerfont">

<p class="candt">小虎 9:14:41 PM</p>
<p class="msg">talk</p>

</div>
</div>
</div>

</div>

</div>
...
</div>
...
<script type="text/javascript" src="http://yui.yahooapis.com/3.2.0/build/yui/yui.js"></script>
<script type="text/javascript">
YUI().use("node-menunav", function(Y) {
var menu = Y.one("#mainmenu");
menu.plug(Y.Plugin.NodeMenuNav);
menu.get("ownerDocument").get("documentElement").removeClass("yui3-loading");
});
</script>

<script type="text/javascript">
YUI({
gallery: 'gallery-2010.05.21-18-16'
}).use('anim', 'gallery-node-accordion', function(Y) {
Y.one("#onedayaccordion").plug(Y.Plugin.NodeAccordion, {
anim: Y.Easing.backIn, speed: 0.6
});
});
</script>

</body>
  [ 3 posts ]
New Topic | Post Reply | Print view
Previous topic | Next topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum