865202 - We need collapsible sections JS for Optimizely test

Status: RESOLVED FIXED

(support.mozilla.org :: Knowledge Base Software, task, P1)

Description

[Kadir Topal [:atopal]]

We want to test if collapsible sections give us better helpfulness ratings than the the really long articles that we have today. We'd like to use Optimizely to perform the test, and need to manipulate the page to look like this:

http://people.mozilla.org/~mverdi/mockups/article-layout1/

Two things are changed here:

1. There is no TOC (a TOC makes no sense when the sections are collapsed)
2. The content between <H1>s is collapsed

Please provide the JS for this so we can stick it into our Optimizely A/B test.

Comment 1

[Ricky Rosario [:rrosario, :r1cky]]

I talked with Rehan and this seems very doable. Making it 2pts in case it gets tricky.

Comment 2

[Rehan Dalal (Inactive)]

Landed:
https://github.com/mozilla/kitsune/commit/570b1815b807db2e4b75afe38edda317ddb1a370

Pushed to prod by me, right now.

Comment 3

[Kadir Topal [:atopal]]

Rehan, can you explain what's happening in that commit? What I was talking to Ricky about was a piece of jquery that we could insert into the test on Optimalsort, It would add the necessary containers and handle the folding etc for our a/b test.

Comment 4

[Ricky Rosario [:rrosario, :r1cky]]

(In reply to Kadir Topal [:atopal] from comment #3)
> Rehan, can you explain what's happening in that commit? What I was talking
> to Ricky about was a piece of jquery that we could insert into the test on
> Optimalsort, It would add the necessary containers and handle the folding
> etc for our a/b test.

Oh, sorry we didn't explain how to use it :)

just call from js `k.makeWikiCollapsable();`

For example: http://cl.ly/image/3s2k2i0l3K3K

I assume that works?

Comment 5

[Kadir Topal [:atopal]]

Oh, great :) Thanks!

Comment 6

[Rehan Dalal (Inactive)]

Killing the needinfo.